Beautiful UI components, crafted with Tailwind CSS. By the makers of Tailwind CSS.
Questions tagged [tailwind-ui]
249 questions
1
vote
0 answers
Rounded div clip-path in Tailwind CSS
I wanna make something like this
I have made the shape with clip path and stacked component, what I have achieved is like this with this code
Rifky
- 53
- 6
1
vote
1 answer
How to add Dark mode toggle in Tailwind CSS using CDN
I am novice in Javascript. Recently I started using Tailwind Css. Now I want to add it in my blogger template. But I don't know how to add a dark mode toggle button in Tailwind Css. How Can I add a toggle Dark mode toggle button in Tailwind…
Md. Ibrahim
- 147
- 7
1
vote
1 answer
Cant Load JS And Stylesheet
I downloaded argon-dashboard the free version
to the best of my knowledge, I incorporated it to the system I made.
Now it cannot load the JS and stylesheet to a specific page.
the link is like this
http://gsdwarehouse.test/inventory/inventory/0
the…
Rex Zednelab
- 35
- 7
1
vote
1 answer
How to install Tailwind Elements with nuxtjs3?
I'm trying to install Tailwind Elements UI with for my nuxt 3 project, I did install everything like the document stated, to the step
4. Dynamic components will work after adding the js file:
or
import * as te from 'tw-elements';
So i tried, to…
Nhat Minh
- 33
- 7
1
vote
1 answer
How to change spacing in tailwind based on screens?
How is it possible to change the spacing based on media queries?
In tailwind.config I defined my custom spacing
module.exports = {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
screens: {
sm: "640px",
// =>…
Dazzy
- 61
- 2
- 10
1
vote
1 answer
How to create nested drawer mobile navigation using HeadlessUI and React
I'm stuck on recreating the nested drawer navigation for mobile, similar to fashiontofigure.com. I can get the nested drawer to open just fine, but the content only shows the last category's items rather than the selected category.
Here's the menu…
G.Rose
- 644
- 7
- 29
1
vote
1 answer
Modify CSS variable with Tailwind
Variable in index.css :
:root {
--property: 1;
}
Normal way changing it in CSS on hover:
img{
transform: scale(var(--property));;
}
.another-element:has(:hover, :focus)
{
--property: 1.1;
}
It is possible to attach a variable in…
John
- 13
- 4
1
vote
2 answers
Vue routerlink with v-for how to change prop
I am using this code :
funkyj4ever
- 25
- 4
1
vote
3 answers
The dark: class does not exist. If dark: is a custom class, make sure it is defined within a @layer directive
I am using tailwindcss version 3.2.6.
I tried this in different ways but it didn't work.
After trying it in VScode I'm getting an error like this-
The `dark:` class does not exist. If `dark:` is a custom class, make sure it is defined within a…
Savana
- 53
- 1
- 6
1
vote
1 answer
How to override tailwind colors in runtime
I'm using tailwind v3 and according to the docs, it's possible to override existing colors using the tailwind.config file
https://tailwindcss.com/docs/customizing-colors
module.exports = {
theme: {
extend: {
colors: {
…
c137
- 181
- 9
1
vote
1 answer
Tailwindcss animate blur
How to do custom animate by blur in tailwind
module.exports = {
content: ['./src/**/*.{js,jsx,ts,tsx}'],
theme: {
extend: {
keyframes: {
blur: {
'0%': {filter: blur(2px)} ,
'100%': {filter: blur(3px)},
…
Maytham mahdi
- 50
- 5
1
vote
2 answers
How to use Tailwind CSS with Node Js and EJS Template
Im trying to use tailwindcss with nodejs and ejs template, but its not working (adding tailwind css classes to the tages are not reflecting) , whenever i try to build and watch my tailwind css it says warn - No utility classes were detected in your…
Gnana Harish
- 23
- 5
1
vote
1 answer
Why the Toggle buttons are flashing on reload?
When i reload my page, my toggle-buttons which are hidded by making opacity-0 appears on flash.
Is there any way to stop these flashes from appearing on reload and keep the (opacity-0) items hidden as intended?
Live Site URL
Codebase-Github…
Mohammad Mustak Absar Khan
- 234
- 1
- 11
1
vote
0 answers
Why Drop down not closing when some one clicked on the white space in my code html and tailwind.css
Why Drop down Menu not closing when some one clicked on the white space in my code html and tailwind.css
and my code in under medium screen does not show drop down menu at all
Please see my code if possible and answer this 2 questions . i worked on…
Hakim Lord
- 11
- 6
1
vote
0 answers
tailgateui page doesnt look like as in their website
I am trying to test tailwindui using their free examples.
For example I copy paste the HTML for the page section exampe to a file and open with my chrome
https://tailwindui.com/components/marketing/sections/heroes
It looks completely messed…
adam
- 655
- 1
- 10
- 31