0.0.3 ⢠Published 2 years 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 -pPoint 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-mithrilAdd 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")],
};