Beautiful UI components, crafted with Tailwind CSS. By the makers of Tailwind CSS.
Questions tagged [tailwind-ui]
249 questions
2
votes
1 answer
Dynamically changing the height of a div in Tailwind
I have three divs in a grid. the height automatically adjusts to the written content. however, if one div contains too much text, the other two are enlarged incorrectly. I have already tried h-max, h-full and everything else.
Actually, the div in…

Jakob Becker
- 33
- 1
- 6
2
votes
1 answer
React/Next.js , page scroll freezing after opening dialog box
So basically when the user clicks on an image, I am displaying the details of the image as a modal/dialog box. But after the dialog box is closed, the screen scroll freezes. Things work on the screen, but I cant scroll down and access the other…

rohit
- 159
- 12
2
votes
1 answer
How to change ref variable in child component from @click in parent? Vue 3
I have a modal component 'ConfirmModal.vue' from TailwindUI which can be opened/closed by setting 'const open = ref(true/false)'
2
votes
2 answers
how to close navbar after going to another page in react.js and daisy ui
I create nav bar with react, tailwind and Daisy. UI and react_router_dom and when it goes to another page it's still open, and I want it to close after it goes to another page.

papar
- 21
- 3
2
votes
0 answers
Tailwind css predefined fontsize depending on screen
I need to change fonsize accourding to screensize with tailwind css. Is there a way to define fontsizes according to screen in tailwind.config and apply them to all text?
Normally i can create custom fontsize and apply in text element.
Define custom…

irfan
- 31
- 5
2
votes
2 answers
Variables as a color?
I know that tailwind default, not support variable as parameter CSS like color etc. Are there any hacks on the market for this?
My code:
code in .tsx file:
tailwind.config:
error: "#cf222e",

mxcdh
- 805
- 3
- 10
- 20
2
votes
3 answers
Break in paragraph
So for some reason i'm not able to create a broken line inside the paragraph such that I can get a new line... I'm using tailwind with react.
Transform the way you…

Sermad NaJar
- 135
- 1
- 5
- 15
2
votes
1 answer
CSS/Tailwind: Why does justify-between send element to bottom instead of content-between?
community,
I have a quick question. I am using the current version of Tailwind CSS.
My goal was to send the button (corpus delicti) to the bottom of the parent div. I was using content-between the whole time but that didn't work.
So I tried just for…

chickenshifu
- 181
- 5
- 15
2
votes
1 answer
How to add tailwind CSS to an exisiting react project?
I have an existing React Project. I had used the bootstrap classes earlier but now I want to replace it with the Tailwind CSS. I had already asked about my error here in this question but didn't get any response, so I want to know the process from…

MagnusEffect
- 3,363
- 1
- 16
- 41
2
votes
1 answer
Unable to upload taiwind CSS in React project
I am trying to use Tailwind CSS in the react project. I followed the steps given in the documentation from here. But after completing all the steps, I am unable to see the tailwind CSS changes.
I am adding the styles in the file Home.js like…

MagnusEffect
- 3,363
- 1
- 16
- 41
2
votes
1 answer
(Tailwind - DaisyUI) Is there anyways to change hover and active colors of dropdown items?
I use TailwindCSS with DaisyUI (via CDN).
When using DaisyUI Dropdown, is there any way for me to change the color of the dropdown item? This includes the background color of the dropdown itself, then hovering on item (CSS :hover), and clicking on…

P. Z.
- 84
- 1
- 6
2
votes
1 answer
Border and Spacing in Tailwind
I'm having a difficulty in making the border radius on the line below the text and I also have a problem on how to put a spacing between the text and the bottom line.
This is my expected output
Expected Output -> https://ibb.co/RSKytWm
Codepen ->…

Joseph
- 7,042
- 23
- 83
- 181
1
vote
1 answer
How to remove Tailwind styles only in one vue component?
I'm currently facing a situation where I need to remove the application-wide impact of the global Tailwind CSS framework, but only for a single specific component. This requirement stems from my desire to maintain an uncluttered and streamlined HTML…

Maxim G
- 11
- 1
1
vote
0 answers
Hover Tailwind phone
On Tailwind i use hover:pause to pause an animation. On the computer it works great. On the phone however the user clicks the animation to pause is (good), but has to click outside of the animation to start it again.
I want the animation to start…

Torkil
- 21
- 2
1
vote
1 answer
How to only show element when screen is sm or smaller (TailwindCSS)
I am trying to have a div only appear once the screen is below sm and hidden once above sm size. In the example below, I want the first motion.div to appear at all sized except for small. I want the second div to only appear once screen is sm or…

Nikolajs
- 325
- 1
- 3
- 17