Stack Overflow
Stack Overflow

Questions tagged [flowbite]

114 questions
1
vote
1 answer

How to setup a react-flowbite modal?

While adding the react-flowbite modal to a react code, this error appears: How to configure all that? How to setup a button so that it toggles the modal onClick? Thanks These are the imports : import { Button, Checkbox, Label, Modal, …
Zen
  • 53
  • 1
  • 7
1
vote
0 answers

Can't change the background color using TailwindCss and Flowbite and Other Problems

I was trying to use a template for sidebar with navbar for my site that I got from flowbite, I think I installed everything sucessfully but I can't change the background color. Also, I don't think they're related, but I'm having a problem importing…
Ricardo
  • 21
  • 2
1
vote
2 answers

Flowbite is not working with inertia Laravel App

I am currently using Laravel version 10 along with Vite, Tailwind, and Inertia.js for my project. Previously, when I was not using Inertia.js, I was able to install and use Flowbite in my project by using the command "npm install flowbite" and…
Neha
  • 2,136
  • 5
  • 21
  • 50
1
vote
1 answer

After onchange event occur in textinput field , it loses the focus and didn't take any other input

As I input anything in the textinput field it immediately loses the focus and I have to click again in the textinput to type into it. Modal used is From flowbite-react. const [formData, setFormData] = useState({ name: " ", email: "…
Gralius
  • 11
  • 2
1
vote
0 answers

The Flowbite Size prop only applied to text and not the div

When i Apply the size prop to the button, only the text change, and the div inside stays the same width, height, and padding, ...
1
vote
1 answer

Light and dark in tailwind

So in tailwind, im using the flowbite library, and trying to show different versions of the logo SVG depending on wether the theme is light or dark. Currently i can only make the dark version be hidden, but when i try light:hidden it doesen't really…
Sermad NaJar
  • 135
  • 1
  • 5
  • 15
1
vote
0 answers

Initialize Flowbite components on Ruby on Rails turbo:frame-load event

I am using Flowbite dropdown component with flowbite.turbo.js. The problem is that after the frame is rendered, Flowbite is not reloaded and the dropdown do not open. How can I re-initiliaze Flowbite components after the turbo:frame-load…
sparkle
  • 7,530
  • 22
  • 69
  • 131
1
vote
0 answers

How to use flowbite datepicker plugin in vue 3 project composition API and typescript

I am a newbie with vue 3 and typescript and i can't find a way to make flowbite's datepicker to work on a vue 3 project using composition API and typescript in vite. The problems is that i can't find in the documentation a way to use the js for the…
faQ
  • 56
  • 4
1
vote
1 answer

Using tailwindcss flowbite react Navbar.Toggle hamburger menu Does not work properly

As I mention in my title Using tailwindcss and flowbite react Navbar. Toggle hamburger menu does not work properly. I'm using flowbite react navbar component plugin for tailwindcss and got this weird hamburger menu with words in it. It supposes to…
longtech
  • 93
  • 1
  • 9
1
vote
4 answers

Problems using Default navbar components from flowbite-react

I have installed the requirements indecated here. After that copied the entired Default navbar code in App.jsx file, the problem raised is `Uncaught ReferenceError: React is not defined`. `$$typeof: Symbol(react.forward_ref)` what is…
christianbueno.1
  • 516
  • 1
  • 8
  • 12
1
vote
0 answers

React-flowbite project content is not centered

I'm having a hard time understanding why my whole page is not centred. I use Flowbite with React. I put the whole project into a container since I want the content to be in the middle, not full-screen width. Thanks in advance.
Rashad Bayram
  • 59
  • 6
1
vote
1 answer

flowbite-react - customize slider problem

I want slider: hide arrow change color of dots change height, at the moment max size I can set h-96, in another way slider was hidden. This is my code:
robokonk
  • 101
  • 1
  • 5
1
vote
1 answer

Flowbit - Tailwind flex wrap issue

I'm using Flowbite components. I'm having issues with flex-wrap. as you can see in the screenshots when I check its responsiveness on iPhone 12 model level, it looks ok. But when I have a full screen in the browser, rendered cards do not align…
Rashad Bayram
  • 59
  • 6
1
vote
1 answer

Manipulating tailwind data using Vue

I am using tailwind (flowbite) css for web components that comes with respective css and js. I want to implement acordion component (https://flowbite.com/docs/components/accordion/) and fill its data dynamically using Vue.
  • ussrback
    • 491
    • 2
    • 8
    • 22
    • 1
    vote
    1 answer

    Black Border / Outline Around Input Field With TailwindCSS and Flowbite Component in a React Project

    I have tried changing the flow bite TextInput component styles manually. I have also searched…
    tylerbryceobier
    • 53
    • 8
    1
    2
    3 4 5 6 7 8