Questions tagged [flowbite]

114 questions
1
vote
0 answers

Svelte Carousel - Flowbite bug?

my code copied from example: example:https://flowbite-svelte.com/components/carousel ` Listing How do I define the height of the image? I have tried Listing but it…
Wessi
  • 1,702
  • 4
  • 36
  • 69
1
vote
1 answer

Change TailwindCSS-Flowbite Drawer background color effect

If I add a Drawer and toggle it, the background behind the opened drawer turns into gray with an opacity. Is there a way to avoid this behavior and stay just on the original color?
Manny
  • 79
  • 1
  • 10
1
vote
0 answers

Change Modal Card Color Flowbite-Svelte

I am trying to change the card color of a modal made with Flowbite-Svelte but I cannot find a way to get to it. Right now it is a blueish gray and I would like to change it. Changing the bg tailwind property only changes the backdrop but not the…
ethanfox27
  • 890
  • 1
  • 9
  • 25
1
vote
1 answer

Tailwind/Flowbite modal not working with Vue.js 3 v-for

I am trying to call a tailwind modal from a table where the rows are generated from a for loop in vue.js with v-for, but the modal fails to be called. However I generate the table without the for loop it works just fine. Here is the code: Table code…
Eol Nuha
  • 65
  • 2
  • 8
1
vote
0 answers

How to style deeper elements of Flowbite React Components

Like when I get a search bar component from Flowbite. Can I style just the input element inside that component? If that possible, how?
Kaigagi
  • 11
  • 3
1
vote
1 answer

Flowbite doesn't work in components, but works in the root

struggling to set up Flowbite for a while. I followed their tutorial - flowbite docs. However, the dropdown and other elements are not interactive. I have a feeling, that for some reason Javascript is not activated, because whenever I click on…
henrbu
  • 137
  • 10
1
vote
0 answers

How can I make flowbite floating-label textInput field by customizing flowbite-react theme ...?

I want to make Flowbite-react textInput field label floating but by changing flowbite-react theme I'm unable to make it. I want to know how can I change textInput field label into floating label. Here is the example for my code: Example: flowbit…
1
vote
1 answer

How to use routing with flowbite-react

I'm trying to start using flowbite to use they inbuilt components, I already had a small application which was configured something like this for routing: This is my main.jsx file. import * as React from 'react'; import ReactDOM from…
Mk Sz
  • 21
  • 4
1
vote
2 answers

How to solve flowbite modal problem in vue js

I am working in Vue js with tailwind CSS, and Flowbite for component library support. But the modal is not working which is a component of flowbite. I have installed and configured flowbite as it is described in the documentation(via NPM then adding…
1
vote
1 answer

Livewire resets date picker on update

I have a very simple Livewire component with a text field and a date picker:
JanBoehmer
  • 395
  • 3
  • 14
1
vote
3 answers

Laravel - How to install Flowbite along Tailwindcss

I want to install Flowbite in my existing Laravel/Tailwind installation and I have followed all the steps from here but when they tell me to add the .JS file I just can't seem to find it. I tried to run the default commands npm run dev / npm run…
OminousMusic
  • 69
  • 1
  • 8
1
vote
1 answer

How to re-initiate tailwind's datepicker when added dynamically?

I am using tailwind's datepicker and I add new items by clicking a button:
JanBoehmer
  • 395
  • 3
  • 14
1
vote
2 answers

Flowbite Carousel Showing only on page Reload

I am working on a React Project with Tailwind CSS. For a carousel requirement we are using Flowbite. On adding the sample carousel code from their examples it does not work. When the page is reloaded the carousel shows up and works as expected. if…
Joy
  • 105
  • 1
  • 2
  • 10