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…
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…
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…
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