Questions tagged [flowbite]
114 questions
0
votes
1 answer
Tooltip not works in a loop (Flowbite, vue3, tailwindcss3)
I have a hard time to make tootips working in loop. I am using vuejs3, tailwindcss3, and flowbite. I would like to use tooltip on my button for additional information.
When I used hard coded id, tooltip works great, but when I tired to use the…

user5967613
- 65
- 8
0
votes
3 answers
Tailwind Flowbite Datepicker dropdown UI problem on "npm run prod" minification. Class not added in minification on npm run prod
I have a working Laravel project with Tailwind CSS
I have also used Flowbite Datepicker using CDN to include the datepicker JavaScript.
The project is working fine and the date-picker is showing nicely.
But when I run the npm run prod to minify the…

B.M.
- 318
- 2
- 3
- 19
0
votes
2 answers
Laravel Livewire not mounting value from datepicker
I am using Flowbite Datepick plugin with my Livewire and Livewire Component is not mounting value of the datepicker and is NULL upon selecting date
0
votes
2 answers
Tailwind CSS & Flowbite Drawer BG color
I've created a drawer element with Tailwind CSS & Flowbite. While the backdrop is good (simple gray) on light mode, it's a mix of gray and blue on dark mode, which doesn't fit the theme at all. Does anybody know how to change the backdrop color? I…

Mauric3
- 11
- 3
0
votes
0 answers
How can I know if a link has been clicked using pure javascript, in VUEJS 3
I need to implement a Dropdown menu component which is made in Flowbite, and utilized inside a VUEJS project. The Issue with this dropdown is that it doesnt hide when someone clicks a link inside it. So I need to implement the behavior. Can I have…

FerchoCarcho
- 531
- 8
- 20
0
votes
0 answers
How can I add styles to focus-visible on Flowbite Link component?
I am currently using Flowbite Footer component in my application and I want to add custom styling to footer links using focus-visible pseudo-class. I am using tailwind and react. What am I missing here?
I used focus-visible:outline to style the…

Yazan Qarabash
- 155
- 1
- 8
0
votes
1 answer
How to listen to "data-dropdown-toggle" property Dropdown's flowbite plugin in vue.js
Because when a link is clicked inside the Dropdown itself the link takes you to the other place but the Dropdown remains opened, and it should be closed.

FerchoCarcho
- 531
- 8
- 20
0
votes
2 answers
Light dark logo switch
So i'm currently using Flowbite's components to build my website but having issues with a light/dark switch. The problem doesent lie on the actual switch itself, that i have working but the issue is that in my navbar i would like to have my logo,…

Sermad NaJar
- 135
- 1
- 5
- 15
0
votes
1 answer
Flowbite Tailwind | Purple gradient background of navbar
I'm a complete newbie to Flowbite Tailwind, so please don't assume any previous knowledge :)
I'd like a navbar with a purple gradient background.
There is no gradient background navbar example in the Components documentation. But there is a Solid…

lightfu
- 3
- 1
0
votes
0 answers
flowbite script not work after hotwireturbo in laravel livewire
i'm using livewire 2x and want a single a page application and also using flowbite for desing purpose. i pluged in turbolinks . befor it flowbite working fine but whenever i import hotwireturbo package, my flowbite script work only once when i…

Muhammad Irfan
- 15
- 3
0
votes
1 answer
How to Make Dropdown menu scrollable in tailwind flowbite?
This is the flowbite code I want to make the dropdown scrollable, how do I do that? I just added overflow-auto in the class but it changed nothing, here is the code:
0
votes
1 answer
Flowbite - Tailwind modal doesn't work when dynamically added
I have a Laravel project that uses API calls. When the row is generated it has a edit button that has a modal popup. The modal used to work when it was static, but now when it's dynamically added i get the following error:
Modal with id…

Raitiko
- 165
- 11
0
votes
1 answer
flowbite data attributes not working in angular nx
I'm using tailwind and flowbite in my NX angular projects.
Everything works fine except the data attributes.
For example when I copy the example code for the default speed dial, the speed dial won't open.
I think this part in my tailwind config is…

Ruben
- 8,956
- 14
- 63
- 102
0
votes
0 answers
Images Don't Render On Next 13.1.6
I try using flowbite carousel with next app. Before the page become interactive, the image has a hidden class. After page become interactive, a JavaScript file removes the hidden class and makes slider work. The problem is when JavaScript loads, and…

UNHOT
- 1
- 2
0
votes
1 answer
I have problem with my border in CSS after I installing tailwind/flowbite
I have a little problem with tailwind and flowbite
I made inputs to be able to connect and I applied a "border-buttom 1px solid black" to have only one bar at the bottom of the input, but I installed after tailwind and flowbite and now my border…

Yhugzee
- 11
- 2