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
1
vote
2 answers

why won't react/typescript let me return multiple components in a statement?

I am trying to return an image carousel component from daisyUI but whenever I try to use it in the return statement in my App.tsx it returns an error, but doesn't whenever there is just one component (Navbar). The error message states 'ImageSlides'…
Donsickle
  • 37
  • 3
1
vote
0 answers

Scrollspy using Alpinejs and intersect plugin

I have a website I'm working on that utilizes DaisyUI and Alpine.js (with intersect plugin). In one of my templates I have a stepper with sections of content relating to each step. When you click one of the steps to the stepper, it scrolls you to…
jtomeck
  • 169
  • 1
  • 12
1
vote
0 answers

How to localize the bg-transparency for a

I have a button element in a Header that hosts the text 'ticketblaster' and is wrapped within a NavLink (react-router-dom6) which is itself wrapped in a div class. My other buttons ('Artists', 'Venues', etc as shown below) all render normally and…
Maj Aliju
  • 63
  • 8
1
vote
1 answer

TailwindCSS neutral-500 color no longer working after installing daisyUI

I have been using tailwindcss for my react project and would now like to use daisy-ui in addition. I installed it as instructed and added the plugin to my tailwind.config. After doing this some of the designs in the page look off. In particular the…
sev
  • 1,500
  • 17
  • 45
1
vote
1 answer

How to override daisy ui styles?

I want to modify default stying in daisy UI. I have used the following code This is how the button look But I want a black background for this. In daisyui website have found the…
sohanemon
  • 15
  • 6
1
vote
1 answer

React App showing dark theme after installing daisyUI

I have installed tailwind css then installed daisyUI. After running my react app it is showing dark theme. I want to remove it. Here is the tailwind.config.js file. module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: {}, …
Sakin
  • 53
  • 7
1
vote
1 answer

Override button color in daisy UI?

Daisy UI has buttons: https://daisyui.com/components/button/ However, I'd like to override the colors for a specific button, without having to go through the effort of creating an entire theme. I can just use bg-green-500 on a button, but that will…
Foobar
  • 7,458
  • 16
  • 81
  • 161
1
vote
0 answers

How to make parent width fit content when a child has a negative transform translateX?

This is an example snippet showcasing what I'm trying to achieve. (please make sure to scroll down, as the 2nd example might be hidden by tailwind warning) In the 2nd example, as you can see, the parent box width remains the same and doesn't shrink…
Emad Omar
  • 729
  • 9
  • 23
1
vote
0 answers

How do to customize height to Daisy UI steps?

I am trying to build a multi step from in react with Daisy UI and tailwind css 3. I have set up a grid system for the form.
....
…
wick3d
  • 1,164
  • 14
  • 41
1
vote
2 answers

Rails 7 - Using daisyUI with importmap-rails

I'm trying to build a new Rails 7 project, testing out Hotwire and some of the new default stuff. I'm excited by the idea of leaving Webpacker (and maybe React) behind. But I'm having trouble figuring out how to get daisyUI working with Tailwind in…
Phillip Longman
  • 2,512
  • 2
  • 11
  • 15
1
vote
1 answer

dailyUI: How does the countdown css variable change every second?

I'm looking at this countdown timer from daiyUI. And looking at the unstyled css and styled css source code for it. I can't find any html or javascript. /* countdown.css in unstyled folder */ :root .countdown { line-height: 1em; } .countdown { …
wongz
  • 3,255
  • 2
  • 28
  • 55
1
vote
3 answers

The background becomes black when I add DaisyUI in my SvelteJS+Tailwindcss Project

I was configuring with my SvelteJS and Tailwindcss project with DaisyUI. But every time I add DaisyUI to a Project the background color becomes black. Maybe it's a default color that's not the problem. but how will I change it? After a lot of…
sk shahriar ahmed raka
  • 815
  • 1
  • 10
  • 29
0
votes
0 answers

I'm using DaisyUi navbar but it doesnt open dropdown like it does on DaisyUi website Next.js

I'm trying to work with daisy and tailwind not changing much with javascript but can't figure out why it doesn't behave same as on daisyUi web page.. when I click Parent on my script it just doesn't open dropdown menu, it adds open="" to details tag…
Khekaes
  • 1
  • 1
0
votes
0 answers

require is not define in Typescript + daisyui

So, i want to use typescript + react + daisyUI (tailwindCSS component), btw i am using vite I am using node as moduleResolution in ts.config but i get an error in tailwind config `require is not define` i expect can use daisyUI + react typescript
fyz 08
  • 35
  • 4
0
votes
0 answers

I have tailwind CSS and DaisyUI in my next.js project but I can't seem to have get my font to go bold

Earlier i had installed and uninstalled font awesome from my project because I think It was getting some errors on the babel configs so i deleted those files I have made but. Right now I tried to bold some texts but it wont seem to work. I was…
Taishi Arai
  • 1
  • 1
1 2
3
4 5 6 7 8