Beautiful UI components, crafted with Tailwind CSS. By the makers of Tailwind CSS.
Questions tagged [tailwind-ui]
249 questions
0
votes
1 answer
Image is not shown in ReactJS / NextJS / Tailwind UI
i am trying to replace the image which has this source: "https://tailwindui.com/img/logos/workflow-mark.svg?color=indigo&shade=600"
When I try to replace it with a local image from my directory, then it only shows some kind of default image.
Anyone…
Michael
- 43
- 6
0
votes
2 answers
How can I setState of specific Switch created dynamically by a map?
I have Switches created dynamically by a map like this:
https://i.stack.imgur.com/jDLbS.png
By this code:
const [enabled, setEnabled] = useState(false)
return(
...
{people.map((person) => (
...
SrMilton
- 45
- 6
0
votes
1 answer
Vue js Tailwind card design with image out of the card
I am trying to create a card with an image popping out of the card. I used z index but it is not really working.
Here is my code:
…
NihatM
- 25
- 6
0
votes
1 answer
How to apply a tailwindCSS transition to only a single property (border-color instead of everything-color)?
I want that when I change the color of the border of an input the transition is smooth, but not when I change the color of the text.
Now, the transition-color class of tailwind css changes the following properties:
transition-property: color,…
Simon Leclere
- 38
- 4
0
votes
0 answers
Tailwind dynamic theme configuration for react
Is there any way to configure the theme values dynamically in tailwind react ?
I am getting my theme values (background color, color) from server.
I need to update these values in tailwind config and use.
Not able to find anything in their…
tadain
- 138
- 10
0
votes
1 answer
Is there anyone using TailwindUI package with React Native, can I inherit TailwindUI style that we're using on the website frontend?
I have created a website using Ruby on Rails 7 with TailwindUI package: https://tailwindui.com/
Now, I'm planning to create a mobile app for this website, so I wonder can I reuse the TailwindUI style on the web for my react native app?
Thanks in…
Dang Trung Tu
- 1
- 2
0
votes
1 answer
how to group table rows in html css tailwind
I am trying to group table rows using tailwind and custom CSS like the below screenshot:
I have done something similar like the screenshot but the issue is I want the total and Grade data in the middle, here is my code:
Anik Ahmed fathe
- 81
- 8
0
votes
2 answers
tailwind css custom class passed as props is not overriding the already applied class
I am using tailwind classes and below is my code. some people suggested to use classNames so used that as well, so similar code in both the newer and older format
const backgroundColor = disabled ? "bg-secondary-500" :…
Bishal Jain
- 189
- 1
- 2
- 10
0
votes
0 answers
tailwind how to delay translate when mouse-in instead of mouse-out when using hover
In the below code the transition is being applied during mouse-out after hover. How do I delay the transition for mouse-in instead? should I be using anything other than hover?
…
risky last
- 385
- 4
- 12
0
votes
1 answer
Span going outside footer - Tailwind
I have a gradient that I want to include inside of my card. I've tried placing it in different positions and playing with the width but it keeps expanding more than the width of the card. Is there something else that would work better than the span?…
charmy
- 41
- 1
- 4
0
votes
1 answer
Pills sticking together even when using margin - Tailwind
I have these pills that look fine when I'm using full screen but if I minimize the screen they all stack together. I'm having trouble understanding why because I have margin on them. Is there something else you should use for pills to add…
charmy
- 41
- 1
- 4
0
votes
0 answers
Is there an explanation to the white border not show?
I'm building a project, trying to create a cool profile picture overlay the gray box. The problem is that when I use a white border color, it doesn't show off, but when I change it to black, it appears.
The border that is supposed to be white is…
eitibiti
- 45
- 6
0
votes
1 answer
0
votes
1 answer
Sidebar from left to right
I need help in my React App (tailwind) I want my slide bar to start from left to right, I've coded the thing but it shows the bar at center as showing in the picture below
and when I press on the bars (showing on the top left) the side bar moves to…
sultan.h
- 331
- 1
- 4
- 16
0
votes
1 answer
Fixed height of both the cards in the flex in tailwindCSS?
Basically, I have two cards side by side, and I want them to be of the same height irrespective of the content inside.
Here below is the code shared of the same.
Please solve for the large screen view.
What I Want
The top right card for the Second…
MagnusEffect
- 3,363
- 1
- 16
- 41