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
0 answers

"dark:" Tailwind CSS variant is not working

Next.js, Tailwind CSS along with DaisyUI, and I am trying to set up for automatic dark mode using the dark: variant from Tailwind CSS. The dark mode is working automatically and changes with the system's dark mode. However, I cannot customize…
Edgar Corrales
  • 1
  • 1
0
votes
2 answers

Why { ...arg} are used inside the components of react -daisyUi

Why {...arg} are passed inside the daisyUi component. All components have internal {...arg} . But what does it do. return
0
votes
0 answers

Facing error while use {...arg} in react-daisyui

Got the code from react-daisyUi. return
Md. Sohag Hossain
  • 36
  • 3
0
votes
0 answers

Second Post request puts form before URL for some reason

I'm creating a form using TailwindCSS and DaisyUI, which looks like this (removed the classes since they aren't relevant to this question):
Artur Galstyan
  • 11
  • 1
0
votes
0 answers

DaisyUI loading twice in terminal

I am using Svelkit and DaisyUI When I do a 'npm run dev' in VS CODE the response in the terminal shows DaisyUI "twice". ➜ Network: use --host to expose � daisyUI components 2.24.0 https://github.com/saadeghi/daisyui ✔︎ Including: base,…
Imani Niyigena
  • 1
  • 3
0
votes
1 answer

Create click event on newly appended buttons with JQuery

I want to create alerts that can be hidden, but when I hide one, they are all hidden at the same time. This is the code I have, where I need to create the "click" event to hide only the newly created button but hide all of them at the same…
Teyrox
  • 192
  • 1
  • 9
0
votes
1 answer

Is it possible to set a default theme at compile time for DaisyUI (Tailwind)?

DaisyUI has default themes and you can change them with the data-theme attribute e.g. . It seems as though the default is the light theme. The problem is that I want to be able to use the @apply directive with DaisyUI so…
Jonathan
  • 10,936
  • 8
  • 64
  • 79
0
votes
1 answer

How to make daisyui preserve tailwind.config theme?

I know that daisyui themes uses @apply text-sm for .btn and .input as default behavior. But when configure it in tailwind.config.js module.exports = { content: ['./src/**/*.{vue,js,ts}'], theme: { extend: { fontSize: { sm:…
SpaceCowboy max
  • 127
  • 5
0
votes
2 answers

TailwindCSS/daisyUI Dropdown Component Fails To Change Color

I'm working with TailwindCSS and daisyUI to build a dropdown menu. The code is below. The problem is that when a dropdown menu item is clicked on (when it becomes active), it becomes purple, even though I'm using the utility class bg-white on the…
DataScienceNovice
  • 432
  • 3
  • 13
0
votes
1 answer

Can't resize TextArea when text exceed TextArea height Tailwind CSS (Daisy UI)

Im trying to enable resizing of TextArea in a react application using TailWind CSS, however when I do enable resizing, when the text exceeds the height of TextArea I'm unable to resize the TextArea anymore. Below are screenshots of what is…
FearTheBeard95
  • 1
0
votes
2 answers

daisy UI custom theme not working after importing

I had imported daisy UI plugins. But still converts itself to dark mode how to fix that problem? I wanted my theme in light mode without using data-theme light in the html attribute
jahidul Islam
  • 1
  • 1
0
votes
1 answer

Javascript/react not running in child component - nothing clickable

I am using tailwind and a DaisyUI to create a page with two tabs. The parent component holds the tabs and calls a child component for the content of each tab. This works fine. This issue is that while everything displays and styles correctly in the…
Joshua Foxworth
  • 1,236
  • 1
  • 22
  • 50
0
votes
3 answers

Facing error while installing DAISYUI . in react

I have successfully installed tailwind css. in my react project. but when i write npm i daisyui then error start coming. i dont know why.
MOHIT RANA
  • 21
  • 4
0
votes
2 answers

Style SVG stroke with Svelte

I have the following code in Svelte and I am looking to style the stroke color using a CSS class name (text-error and text-success instead of #ff5722 and #10b759, respectively). Is this possible? I would rather not define the exact color in the…
riddle_me_this
  • 8,575
  • 10
  • 55
  • 80
0
votes
1 answer

React - Tailwind - DaisyUI Carousel

I am using the following code sample from DaisyUI for a React Carousel. While each carousel-item has an ID should the href in anchor tags be just IDs? href="slide2" or need to follow the template as href="/components/carousel#slide2 ? Do I need to…
Amir Ahmadi
  • 1
  • 4
1 2 3 4 5 6
7
8