Questions tagged [flowbite]
114 questions
9
votes
0 answers
Change Color flowbite-react Tabs Component (Next js)
Hi can anyone help me on how to change the color of tabs in flowbite-react component, I'm using Next js. I already setup as per doc here https://flowbite.com/docs/getting-started/next-js/
Also I realized that there is no ClassName property in Tabs…
Muhammad Haekal
- 477
- 6
- 22
8
votes
3 answers
Could not find a declaration file for module 'flowbite/plugin'
So I am using flowbite and tailwind css for developing my react app. I followed all standard installation procedures as mentioned in their website for setting up flowbite with react, please ref docs here:…
Aditya Mohapatra
- 81
- 1
- 2
5
votes
5 answers
How to add Flowbite Tailwind plugin to my Laravel 9 + Vite project?
I tried adding flowbite to my Laravel project. I am using Laravel version 9 with Vite.
So far, I did the following steps:
Installed flowbite as a dependency:
npm i flowbite
Added plugin in tailwind.config.js:
plugins: [
…
Neha
- 2,136
- 5
- 21
- 50
5
votes
3 answers
Flowbite modal not showing
I am trying to use flowbite components in my project but they are not working , (e.g dropdown, modal,...).
I followed the documentation but nothing works.
I'm using vuejs 3, Vite v2.9.9.
This is my main.js file:
import { createApp } from…
Oussama ELJabbari
- 83
- 1
- 6
4
votes
2 answers
Tailwindcss and Flowbite - flowbite.min.js file not found (404) in Next.js
I want to use only flowbite package with tailwind in my nextjs application. I configure everything correctly. But adding flowbite.min.js script throws me error -
GET http://localhost:3000/node_modules/flowbite/dist/flowbite.min.js net::ERR_ABORTED…
Robin
- 4,902
- 2
- 27
- 43
4
votes
4 answers
How to style Flowbite React Components
Is there a way to style Flowbite react components? Like, how do i make the navbar transparent.
Njoroge Brian
- 127
- 3
- 8
2
votes
0 answers
Tailwind Flowbite modal not working with animation
I'm new in Tailwind CSS, and I'm using Flowbite as a ready made components via CDN. However, many options don't work with animation. Like that, modal is one of them. All the modal always open with a zoom in out effect, but in this case modal open…
Md. Ibrahim
- 147
- 7
2
votes
3 answers
Flowbite component not working when loaded via HTMX (Django project)
For my Django application I am using Flowbite to make interactive UI components. I am also using HTMX to dynamically load some html content from the back-end (Django) into the page without refresh.
Basically I have a button that sends a HTMX get…
Amberclust
- 23
- 5
2
votes
1 answer
How can I style flowbite react tabs?
I am using Tabs from flowbite, the tailwind component library. But there is no way to customize the design colors of the tabs. Is any have used it?
This is the output
import { Tabs } from "flowbite-react";
export default function CoursesTab()…
Chinmoy Biswas
- 21
- 1
2
votes
1 answer
Unable to dismiss alert with TailwindCSS React component
I have the following in Code Sandbox
import React from "react";
export default function HomePage() {
return (
<>
Welcome to Ticket Management System.
Nothingbetter
- 48
- 2
- 14
2
votes
2 answers
How to change the locale in Flowbite datepicker?
Unfortunately the Flowbite Datepicker Documentation has no instruction on how to use another locale, but the support is there.
This is how I implemented the datepicker (working):
import Datepicker from…
JanBoehmer
- 395
- 3
- 14
2
votes
5 answers
how to use Flowbite in angular project?
I want to use Flowbite in my project.I did the following steps but it still doesn't work.
I installed the tailwind first, Tailwind is working fine now.
Then I installed Flowbite using npm, and add Flowbite as a plugin inside the tailwind.config.js…
Hossein Bajan
- 2,644
- 5
- 19
- 36
2
votes
5 answers
How to import flowbite in my react project?
I am trying to add flowbite to my react project but I am having this error everytime
Uncaught SyntaxError: expected expression, got '<'
My tailwind.config files is
module.exports = {
content: ["./src/**/*.{js,jsx,ts,tsx}",…
Solaiman Islam Naiem
- 21
- 1
- 2
1
vote
1 answer
Flowbite React: how to get rid of this annoying border?
I'm using Flowbite React, an dit has a lot of great elements, but many interactive component get this really annoying border when clicked. How do you et rid of it? This turns a beautiful component to an ugly one, and I can't figure out how to change…
Tsabary
- 3,119
- 2
- 24
- 66
1
vote
1 answer
flowbite JS configuration doesn't work (No front FW)
I'm new to CSS framework and I try to understand where I'm wrong in my configuration.
Install tailwind OK and works
Install flowbite JS via npm by these commandes :
npm install flowbite
modified the tailwind.conf.js
/** @type…
AlexSearha
- 21
- 1