python (65.2k questions)

javascript (44.3k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (13k questions)

Questions - tailwind-css

Code optimization for checkboxes in next typescript

I want to pass only data to only one checkbox so the code doesn't become redundant. I've taken these so I can check the max and min value of some API data. const[checkValMax, setCheckValMax]= useState...
test-img

Mishkat Marwat

javascript

reactjs

next.js

tailwind-css

Votes: 0

Answers: 1

Latest Answer

you can do: const YourComponent = () => { const [checkValMax, setCheckValMax] = useState(599); const [checkValMin, setCheckValMin] = useState(0); const handleFirstInput = () => { if (f...
test-img

joshxfi

How to make a styled circle component using tailwindcss?

I am working on image upload component in my react app and I design the image uploader component. Here is the code and the result respectively. <div className="px-8 py-6 mt-2 text-left bg-whit...
test-img

Teshie Ethiopia

javascript

css

reactjs

tailwind-css

Votes: 0

Answers: 3

Latest Answer

Make sure you have the same width and height for the element you want circular, in combination with rounded-full. I adapted your example and used h-40 and w-40 to control height and width. With rounde...
test-img

Jouni Kantola

Nuxt &quot;yarn dev&quot; build loop after setting up &quot;@nuxtjs/tailwindcss&quot;: &quot;^5.0.2&quot;

When I use @apply in my style tag like that: <style lang="postcss" scoped> input { @apply absolute right-0 top-0 opacity-0 z-10; } </style> It generate a loop/reload: these ...
test-img

Luca Spezzano

webpack

nuxt.js

tailwind-css

Votes: 0

Answers: 1

Latest Answer

I got a fix from the answers i got on the issue ;) One temporary fix can be to add this in the nuxt.config.js watchers: { webpack: { ignored: [ '**/*.eslintcache', '**/.git/*...
test-img

Luca Spezzano

remove specific style from tailwind base

I have a project with tailwind and a (work in progress) UI library that we want to gradually migrate to. I am importing the style on my index.css like this @tailwind base; @tailwind components; @tailw...
test-img

Bobby

css

sass

tailwind-css

Votes: 0

Answers: 3

Latest Answer

Disabling Tailwind preflight is the closest thing that can help module.exports = { corePlugins: { preflight: false, } } Then add their preflight stylesheet and edit the section that's clashin...
test-img

Chris Claude

Posts

Questions

Blogs

Jobs