0.0.3 • Published 2 years ago

flowbite-mithril v0.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

flowbite-mithril

Work in progress.

āœ… = Fully implemented

🚧 = Partially implemented

āŒ = Not implemented

Components

NameDoneNotes
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

NameDoneNotes
Checkboxāœ…
File Input🚧Missing dropzone
Inputāœ…
Radioāœ…
Rangeāœ…
Selectāœ…
Textareaāœ…
Toggleāœ…

Typography

NameDoneNotes
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")],
};