Questions tagged [daisyui]
For questions related to the Tailwind CSS component library. It can be combined with the tag [tailwind-css].
daisyui
164
questions
0
votes
0
answers
9
views
Uncontrolled input doesn't register when submitted in React Hook Form with DaisyUI
I'm using DaisyUI, React and React Hook Form, there is a button that displays a form to edit a task's title when clicked. There is a minLength rule of 5 characters and an input is required to submit ...
0
votes
1
answer
21
views
Tailwind max-w-[number] not working past a certain point
My stack is Svelte 5 / Sveltekit / Tailwind / Daisy UI
I have a svelte component that uses a Daisy UI card and I am unable to get tailwind max-w-[number] class to work past a certain point to increase ...
0
votes
1
answer
41
views
"Each child in a list should have a unique 'key' prop", I don't understand how to do it [duplicate]
Hi so I have an assignment from my school, it has something to do with data fetching from randomuser.me and as I have followed the steps that were taught, I stumbled upon this sentence written on the ...
-3
votes
0
answers
43
views
How to make the parent element have the same width and height as the child svg element? [closed]
Hi so I am currently making a project with Vite.js with React + TSX, Tailwind and Daisy UI. I am currently trying to make a model button that overlaps a svg. The issue is that the button's width and ...
0
votes
0
answers
33
views
Html2canvas push text outside of con
I have a simple div with a paragraph in it.
when the pdf is generated, the paragraph is pushed down outside the div
I'm also using DaisyUI
<div class="bg-blue-50">
<p class=&...
0
votes
1
answer
37
views
Using Daisy UI Colors in TypeScript
How can I use a Daisy-UI color (eg. bg-base-100) in typescript (not a utility class)? I use them in html, but cannot access them from typescript.
0
votes
0
answers
17
views
base-content color not working on daisyui laravel project
**<a href="" className='text-center main border-2 border-base-100 w-4/5 m-auto p-2 rounded-xl border-opacity-80 bg-inherit transition duration-200 ease-in-out bg-gradient-to-r from-base-...
0
votes
1
answer
45
views
Creating DaisyUI drawer relative to a container div
I have a simple app whose body is 500px wide and centered.
I am trying to use daisyUI drawer so that the drawer enters the screen just at the right of the body.
However, the drawer opens from the far ...
0
votes
2
answers
26
views
tailwind justify-center not working - reactjs
I have div, inside I have some cards from daisyui. I want those cards to justify center on smaller screens(I have flexed it to column for smaller screens).
<div className='container mx-auto lg:px-...
0
votes
0
answers
22
views
How to Prevent Parent Container Scrollbar When Showing Dropdown in Tailwind and DaisyUI?
I have an HTML template that uses Tailwind CSS and DaisyUI. Here is the code snippet:
<div class="flex h-32 w-48 items-center overflow-y-scroll">
<span class="overflow-hidden ...
1
vote
1
answer
195
views
Error: `htmlspecialchars(): Argument #1 ($string) must be of type string, Closure given` in Laravel Blade Component
I'm encountering an error in my Laravel application that I haven't been able to resolve. The error message is:
htmlspecialchars(): Argument #1 ($string) must be of type string, Closure given (View: D:\...
1
vote
0
answers
55
views
When I add DaisyUI to my base.html in development, dark mode gets inherited into form fields - but how can I disable this?
I am building a Django app and am using Tailwind and DaisyUI for styling. I built my app in light mode and would like for all users (even those whose systems are set to dark mode) to show light mode, ...
0
votes
1
answer
76
views
How to get current active image index of daisyui carousel with Nuxtjs
I have created a carousel for product images which are using the daisyui carousel component.
I want to add indicators to this carousel, so that when a user swipe right or left, the active indicator ...
0
votes
1
answer
21
views
How to have a figure to always be visible in the viewport?
Using Tailwid and daisyUI component library, I'm designing a page with two section. The left section contains text and button. The right section is a figure with caption. I want the whole <figure&...
0
votes
0
answers
21
views
Daisy UI with Vue 3 - Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): TypeError: Object.hasOwn is not a function
I created a vue 3 project with tailwind. After adding daisyui as a plugin, I can't compile it.
Errors I get
in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css
Syntax Error: ...