0.0.3 ā€¢ Published 6 months ago

flowbite-mithril v0.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
6 months 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")],
};