Stack Overflow
Stack Overflow

Questions tagged [daisyui]

For questions related to the Tailwind CSS component library. It can be combined with the tag [tailwind-css].

daisyUI is an open-source Tailwind CSS component library.

Features

  • Clean HTML with component classes
  • Highly customizable (via Tailwind CSS utility classes)
  • Theming

Useful Links

111 questions
0
votes
1 answer

Javascript setProperty only seems to works for first element?

I am creating a timer countdown function for a webshop. Preview: It's using the (Tailwind) DaisyUI countdown element (https://daisyui.com/components/countdown/) and counts down from a dynamic datetime value. This is working fine for one countdown,…
Loosie94
  • 574
  • 8
  • 17
0
votes
0 answers

How to make the input group component border radius to rounded-full in DaisyUI (React)

I'm new here(and in programming). I'm wondering how the heck do you override the input group component from DaisyUI, It has a border-radius: 0px and when I try to add a `rounded-full' as className it still won't change. I've tried using the @layer…
Hybs
  • 1
  • 2
0
votes
2 answers

How to use base Tailwind CSS colors along with daisyUI theme

I'm using Tailwind CSS along with daisyUI for a NextJS project. I have my tailwind.config.js file set up as: /** @type {import('tailwindcss').Config} */ /* eslint-env node */ module.exports = { content: [ './pages/**/*.{js,ts,jsx,tsx}', …
FlameDra
  • 1,807
  • 7
  • 30
  • 47
0
votes
0 answers

(DaisyUI) - How to change primary color of DaisyUI outside the tailwind.config.js

I want to add a button, when a user clicks on it, the DaisyUI primary color get changed, ie. from hsl(var(--p) / var(--tw-text-opacity)) to be another color. I know I can change it through tailwind.config.js, but I need a dynamic button to do it for…
Abulrahman
  • 25
  • 6
0
votes
0 answers

Is there a way to know when the modal is visible and ready with DaisyUI?

I have copy and pasted one modal example, and added a input field, like this: const SearchModal = () => { return (<>
Yanick Rochon
  • 51,409
  • 25
  • 133
  • 214
0
votes
0 answers

Having trouble implementing z-index for overlapped tooltip component React, Tailwind and DaisyUI

I hope you all are doing well. I have a question regarding this fireship io tutorial implementing TailwindCSS and DaisyUI in React. I've created a side navbar like that of discord with tooltips that appear as spans to the side as you hover over…
Nyland Sidifall
  • 11
  • 2
0
votes
0 answers

Tailwind CSS 3 missing colors

I am trying to add a bg color to a div with tailwind css 3, but it only works for a small number of colors and I can't figure out why. I am also using DaisyUI on top of that. This is my code, I used green-500 bc it's part of the V2 color palette so…
user137717
  • 2,005
  • 4
  • 25
  • 48
0
votes
0 answers

Can I use daisyui for for specific page in Nextjs?

I am trying to use tailwind css and daizyui in a nextjs project. The application already includes MUI. So when i'm using daizyui plugin it causing some conflicts and some pages in not showing up. Please help.
Khalid Bin Alam
  • 9
  • 1
0
votes
3 answers

Vue.js 3 and Modal with DaisyUI (Tailwind CSS)

I'm tinkering with DaisyUI within Vue.js 3 (porting an existing Vue+Bootstrap application to Tailwind CSS). I liked the idea that DaisyUI doesn't have JS wizardry going on behind the scenes, yet there seems to be some CSS voodoo magic that is doing…
Luca P.
  • 1,021
  • 8
  • 20
0
votes
1 answer

Modal component created in Svelte opening just once

I've got a modal component that looks like this: