0.0.3 ā¢ Published 6 months ago
flowbite-mithril v0.0.3
flowbite-mithril
Work in progress.
ā = Fully implemented
š§ = Partially implemented
ā = Not implemented
Components
Name | Done | Notes |
---|---|---|
Accordion | ā | |
Alert | ā | |
Avatar | ā | |
Badge | ā | |
Breadcrumb | ā | |
Button | ā | |
Button group | ā | |
Card | ā | |
Carousel | ā | |
Datepicker | ā | |
Dropdown | ā | |
Footer | ā | |
KBD | ā | |
List group | ā | |
Modal | ā | |
Navbar | ā | |
Pagination | ā | |
Progress bar | ā | |
Rating | ā | |
Sidebar | ā | |
Spinner | ā | |
Table | š§ | Missing hover/striped |
Tabs | ā | |
Timeline | ā | |
Toast | ā | |
Tooltip | ā |
Forms
Name | Done | Notes |
---|---|---|
Checkbox | ā | |
File Input | š§ | Missing dropzone |
Input | ā | |
Radio | ā | |
Range | ā | |
Select | ā | |
Textarea | ā | |
Toggle | ā |
Typography
Name | Done | Notes |
---|---|---|
Blockquote | ā |
Getting started
Learn how to get started with Flowbite Mithril.
Setup Tailwind CSS
Install Tailwind CSS:
npm i -D autoprefixer postcss tailwindcss
npx tailwindcss init -p
Point Tailwind CSS to files you have class="..." in:
module.exports = {
content: ["./src/**/*.js"],
theme: {
extend: {},
},
plugins: [],
};
Add Tailwind CSS to a CSS file:
@tailwind base;
@tailwind components;
@tailwind utilities;
Install Flowbite Mithril
Install Flowbite and Flowbite Mithril:
npm i -D flowbite github:alexferl/flowbite-mithril
Add the Flowbite plugin to tailwind.config.js
, and include content from flowbite-mithril
:
module.exports = {
content: ["./node_modules/flowbite-mithril/src/**/*.js"],
plugins: [require("flowbite/plugin")],
};