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
6
votes
3 answers

How to customize a theme in daisy-ui?

I want to customize a theme in daisyui. Is it possible to customize i.e. the dark theme (just fix one color, or add a further color-entry)? Furthermore: is it possible to add a new color entry to your custom theme? I.e. I tried the following…
wuarmin
  • 3,274
  • 3
  • 18
  • 31
6
votes
1 answer

How to make the body transparent with daisyUI (Tailwind CSS)?

I recently started developing an Electron application, and I am using daisyUI's Tailwind CSS components for the appearance of the user interface. I want to make the main window of the application rounded; however, daisyUI is making this task pretty…
notexactly
  • 918
  • 1
  • 5
  • 21
5
votes
4 answers

How can I change themes using daisyUI and tailwindcss in a react project?

I can't seem to find a solution to this on any of the documentation. All I want is have a button toggle to switch between a light and dark mode.
kmurp62rulz
  • 169
  • 2
  • 9
5
votes
2 answers

Failed to Integrate daisyUI (plugin for TailwindCSS) with Angular

Hi guys here I want to integrate my Angular (12) with daisyUI (2.15.0). Everything goes right when I integrated the Angular with TailwindCSS (2.2.19), and also there's no problem with daisyUI installation. However, when I registered the daisyUI…
Andrea Livingston
  • 51
  • 1
  • 2
4
votes
3 answers

Prevent daisyUI carousel from scrolling when switching slides

I'm using this carousel with indicator buttons from daisyUI in a Nextjs app. As can be observed in their demo, when clicking on an indicator button, apart from switching slides the page will also scroll such that the top border of the slide is at…
Winkelried
  • 140
  • 5
4
votes
3 answers

How can I control daisyUI tailwind modal open as default

I set daisyUI but not figure out how to control modal by condition I think similar with flowbite or bootstrap https://flowbite.com/docs/components/modal/ but daisyUI not implement hidden class yet, and there have modal-open method in…
Ymow Wu
  • 193
  • 2
  • 2
  • 14
3
votes
0 answers

Can I add Daisy UI plugin to my django project? If yes , Please how do I do it?

I have already installed tailwind CSS to my django project and it works just fine, I tried using the documentation procedure I saw at the daisyui website npm i daisyui and I also added the plugin to my tailwin.config.js file also module.exports = {…
Xhicko
  • 31
  • 2
3
votes
1 answer

How to correctly use UnoCSS presets with Nuxt3?

Problem I use Nuxt3 + UnoCSS + DaisyUI community preset. When running npx nuxi dev, everything works well. However, when running npx nuxi generate && npx serve dist, UnoCSS works well but some of the DaisyUI preset styles are incorrect: Reproduce I…
why
  • 59
  • 4
3
votes
2 answers

tailwindcss: animate-spin not showing up

I wanted to include a loading spinner from tailwind-css and according to tailwindcss documentation, this should be available with the className="animate-spin". I'm using React18 created from Vite. I've also installed daisyui in addition to…
disposable-kiwi
  • 55
  • 1
  • 4
3
votes
1 answer

I can't get daisyui's theme to propagate in a next.js app

I am trying to use a theme from "Daisyui" which is a tailwind based css component library https://daisyui.com/. I have a next.js app where the entry point is pages/_app.tsx. From looking at examples and reading the website's documentation, it looks…
ChristianOConnor
  • 820
  • 7
  • 29
2
votes
1 answer

Tailwind-DaisyUI accordion and switch are not working

I have set up Astro project that has Tailwind and Daisy UI installed, but I am unable to get Daisy controls to work. I copy/pasted the code from the accordion page, but when the page is rendered, the controls do not work. It's like the controls are…
mack
  • 2,715
  • 8
  • 40
  • 68
2
votes
3 answers

DaisyUI modal does not exist on type Window of type globalThis

I'm trying to import a dialog component from daisy ui but I'm getting the following error message: Unsafe member access .showModal on an `any` value.eslint@typescript-eslint/no-unsafe-member-access Unsafe call of an `any` typed…
Mathew
  • 318
  • 11
2
votes
2 answers

Is there a way to get lifted tabs in daisyUI to use the full width?

I am using the tabs in daisyUI to display a set of lifted tabs. However the tabs 'underlining' stops after the last tab, and I'd like it to continue all the way along to the edge of the div. Is there a simple way to achieve this?
newtovaux
  • 151
  • 1
  • 7
2
votes
0 answers

How to implement DaisyUI to React Native

I made a website with Symfony and DaisyUI, i want to extend it and create mobile versions, could i use components i made on my website ? I know NativeWind exists to use Tailwind on RN, but doesn't implement DaisyUI. I don't know much of RN. I…
rrr63
  • 219
  • 9
2
votes
2 answers

Redux rejects my form and data when submitted from within a modal

I have a modal created with Tailwind/DaisyUI in my React project. We are using Redux Toolkit for state management. I am trying to use this modal to display a form that allows the user to update tickets. I actually copied most of the form from my…
Shea Erickson
  • 31
  • 5
1
2 3 4 5 6 7 8