Monad

! Warning ! Monad is experimental and very much WIP

A few reusable Vue.js UI components based on TailwindCSS, based on Atomic Design principles. Accessible via StorybookJS / Nuxt. This started as an exercise to get to know StorybookJS.

UI Components

• Avatar
• Badge
• Button
• Button Dropdown
• Card
• Navbar
• Table (including filtering, sorting)

Storybook environment

Storybook lets you test and develop UI components in isolation. The following Storybook addons were installed in this package:

• Docs
• Knobs
• Accessibility
• Viewport

Install and Launch

1. Install dependencies with npm install or yarn install.
2. Serve Storybook with hot reload at localhost:2001 with npm run storybook or yarn run storybook.

Credits

Inspired by TailwindCSS docs and DJanoskova's Tailwind components