Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alexferl/flowbite-mithril
Flowbite components for Mithril
https://github.com/alexferl/flowbite-mithril
flowbite flowbite-mithril mithril mithril-components tailwindcss
Last synced: about 1 month ago
JSON representation
Flowbite components for Mithril
- Host: GitHub
- URL: https://github.com/alexferl/flowbite-mithril
- Owner: alexferl
- License: mit
- Created: 2023-10-13T23:42:54.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-11-28T17:47:10.000Z (about 1 year ago)
- Last Synced: 2024-10-14T02:27:10.307Z (2 months ago)
- Topics: flowbite, flowbite-mithril, mithril, mithril-components, tailwindcss
- Language: JavaScript
- Homepage: https://alexferl.github.io/flowbite-mithril/
- Size: 794 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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:
```shell
npm i -D autoprefixer postcss tailwindcss
npx tailwindcss init -p
```
Point Tailwind CSS to files you have class="..." in:
```javascript
module.exports = {
content: ["./src/**/*.js"],
theme: {
extend: {},
},
plugins: [],
};
```
Add Tailwind CSS to a CSS file:
```css
@tailwind base;
@tailwind components;
@tailwind utilities;
```
### Install Flowbite Mithril
Install Flowbite and Flowbite Mithril:
```shell
npm i -D flowbite github:alexferl/flowbite-mithril
```
Add the Flowbite plugin to `tailwind.config.js`, and include content from `flowbite-mithril`:
```javascript
module.exports = {
content: ["./node_modules/flowbite-mithril/**/*.js"],
plugins: [require("flowbite/plugin")],
};
```