Questions tagged [flowbite]
114 questions
0
votes
1 answer
correcting z-index order for background image with dark filter as content and flowbite modal from tailwind css
So let's me example you first , i'm creating index page that has css with some dark-background filter in id-content::before and it has z-index: -1 and actual id-content with background-image has z-index :1 and it's working as expected but when i…

ReneRockerz
- 1
- 4
0
votes
0 answers
Adding custom style and useState to flow bite react components
I have created an app using [flow bite react components] (https://flowbite-react.com/).
This is my app: https://stackblitz.com/edit/react-wtyfu9
I don't understand how to add custom tailwind className and useState, I have read the official…

mxcdh
- 805
- 3
- 10
- 20
0
votes
1 answer
Svelte form data is lost when components are hidden
I am using Svelte and Flowbite components (basically a tailwind-css wrapper) to create a form. I put some of my form inputs into an accordion element which can be toggled to display or not. Now I notice when I fill in the form details, then hide the…

radop33392
- 123
- 7
0
votes
1 answer
Tailwindcss border not working after installing Flowbite
My component is wrapped by this div:
....
After installing Flowbite the border wasn't taking any color.
Look after install.
Somehow also the Dividers lost their…
0
votes
0 answers
Why some of my custom colors applying and some not in tailwind (Flowbite)?
I am having this weird problem where I am trying to change the background of a component of Flowbite(which is based on tailwind, so it doesn't matter). when I am giving it my custom as "bg-primary" it's not working but "bg-secondary" is…

Sami
- 466
- 1
- 5
- 12
0
votes
0 answers
function working in tag but not in external file
I am on a Laravel project using Vite server for front rendering, also using flowbite and tailwind.
i'm trying to toggle a spinner by adding a specific function to buttons that i want. i don't want to work with id.
my function works perfectly in…

HDS_frenchguy
- 109
- 9
0
votes
0 answers
Cannot open another CDK dialog in dialogRef.closed.subscribe
I am writing an Angular (14.2.0) app using the Angular CDK (14.2.5) (I have checked — matching the versions exactly makes no difference to my issue). I am writing a FlowbiteService to wrap some of the Flowbite component implementations; in…

serlingpa
- 12,024
- 24
- 80
- 130
0
votes
0 answers
How can I get the Flowbite modal work with react?
I want to use the regular Flowbite CSS code inside my React app.
https://flowbite.com/docs/components/modal/
I added the following code inside my react file:
https://flowbite.com/docs/components/modal/#default-modal
I added the CSS in the…

Mario
- 19
- 2
0
votes
1 answer
vue flowbite error [vue/no-parsing-error] Parsing error: unexpected-character-in-unquoted-attribute-value.eslint-plugin-vue
I'm giving it a try for flowbite-vue and I'm having this eslint unexpected character problem in VS-Code,
[vue/no-parsing-error]
Parsing error: unexpected-character-in-unquoted-attribute-value.eslint-plugin-vue
Unquoted attribute value cannot…

Arun Panneerselvam
- 2,263
- 1
- 17
- 24
0
votes
1 answer
Flowbite dark mode issue
I'm trying to implement Flowbite dark mode to my application, however facing some strange issues. I followed the docs - url, and receiving this error in console:
Uncaught TypeError: Cannot read properties of null (reading 'classList')
As I…

henrbu
- 137
- 10
0
votes
1 answer
Flowbite and Turbo Rails 7 with import map
Please help me, how to use Flowbite and Turbo Rails 7 with import map?
I use Flowbite v.1.5.3 as here https://flowbite.com/docs/getting-started/rails/
and tailwindcss
I found it https://github.com/themesberg/flowbite/issues/88 and i change…
0
votes
0 answers
CSS Overriding Accordion Causing Dark Mode
I'm using an accordion component from Flowbite. I'm having trouble figuring out what's causing the accordion to go into dark mode on page load. I did inspect element and saw its some dark mode CSS that comes with Flowbite. I downloaded that CSS into…

charmy
- 41
- 1
- 4
0
votes
1 answer
How to dim a component when a modal is pop out (Tailwind Flowbite)?
I want to ask. I have a layout, there is a button when i click the button, a pop up will appear, the problem is when the modal appears, there are some components that are not dimmed, such as the button and the navbar as shown in the picture, I use…

Avalon
- 13
- 3
0
votes
2 answers
Creating a custom dialog container using CdkDialogContainer
I am writing an Angular (14.2.0) service to display a Tailwind/Flowbite dialog (modal in Flowbite language). It seems I must create a custom Angular CDK dialog container to maintain the DOM structure outline on the Flowbite page and to apply the…

serlingpa
- 12,024
- 24
- 80
- 130