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

Why is the DaysiUI library connected twice when starting the nuxt v3 project?

When i run the Nuxt v3 project (npm run dev) DaysiUI (tailwind css library) connected twice. Why? npm run dev output npm run dev output nuxt.config.ts export default defineNuxtConfig({ css: [ '~/assets/css/main.css', …
Igor D
  • 1
0
votes
0 answers

Deployed to fly.io, but not compiled

I am Japanese. My English is poor, so I apologize if it is not clear. The layout of the application deployed in the production environment is broken. The source code is as follows yarn/releases/yarn-1.22.19.cjs Since there are more than 10,000…
tome
  • 1
  • 1
0
votes
1 answer

How to change daisyUI theme in nextjs using button click?

According to daisyUI documentation, we can update theme by updating value of data-theme variable in in tage like this: By looking at nextjs documentation for Custom Document, I could not figure out how to…
Mahesh Ghamaand
  • 410
  • 1
  • 3
  • 11
0
votes
0 answers

How to Configure Daisy Ui modal in React Laravel

i have a problem to place the modal code of daisy UI in my React combined with Laravel project. please see this code {/* The button to open modal */} {/* Put this part before tag…
shinichirou ikebe
  • 209
  • 3
  • 15
0
votes
2 answers

Background issue with DaisyUI while using Razorpay in Nextjs

I am building a project in Nextjs with TailwindCSS and DaisyUI. While integrating Razorpay in my website, It's window appears like this without DaisyUI, But as I include the DaisyUI I am getting output like this, I have no idea what is the actual…
Nirmal
  • 53
  • 5
0
votes
0 answers

DaisyUI not loading style

Working on Rails 7 app where I added postcss and Tailwind, removed redundant tailwind gem and tailwind stylesheet_link_tag in the application.html.erb. My problem starts when I wanted to include DaisyUI components. The install guide is pretty…
Mr.Code
  • 195
  • 1
  • 5
0
votes
1 answer

How can I build tailwindcss + daisyUI CSS files?

Installed tailwindcss and tailwindcss/typography plugin with: npm install tailwindcss@latest and npm install -D @tailwindcss/typography. Installed daisyUI with: npm i daisyui Created tailwind.config.js manually: module.exports = { content:…
byt3magic
  • 1
  • 2
0
votes
0 answers

useForm , validate Modal Form after submit

As a new user, apologies If I do not describe correctly the problem. I am making a modal form, where you can complete the name, mail, and message. One is complete. I would like the Modal and the alert by React-Toastify being displayed to be closed.…
CostaAlejandro
  • 11
  • 2
0
votes
1 answer

How to use mix-blend-difference on a deeply nested child element without affecting other sibling elements?

I am using both daisyUI with Tailwind for this project. I want to target a specific text here, in this case, the word 'developer': I want something similar to what is happening with shapes in 2015 XOXO festival webpage. I've tried just using…
Ashvith Shetty
  • 90
  • 2
  • 11
0
votes
1 answer

Why is React not unsetting the value in the form input in my modal?

I am using Next and Tailwind/Daisy UI. The code for the page below will fetch a JSON object from the API endpoint and render a top table of source systems and a lower table of domains attached. Clicking on a row in the top table filters the second…
Aaron Reese
  • 544
  • 6
  • 18
0
votes
1 answer

Tailwind styles broken on deployment and WSL

While using Next.js + Tailwind + DaisyUI in development on Mac everything works as expected and all styles look normal, however when developing on WSL I noticed that my styles look very different and are pretty much broken from what I would expect.…
SumitN
  • 23
  • 3
0
votes
1 answer

How can I grab a button's click event in a DaisyUI Collapse title?

I'm trying to do something like this: https://stackblitz.com/edit/daisyui-sveltekit-furm6v?file=src%2Froutes%2F%2Bpage.svelte Here's the code from it:

Daisy attempt

Billy Clark
  • 123
  • 5
0
votes
1 answer

How to make a Vue 3 classlist toggle button that opens dropdown menu in any iOS device?

I created a simple dropdown menu using DaisyUI in Vue3. A simple button toggling classes doesn't open dropdown menu in any iOS device. Works perfect everywhere else.