Skip to content

Latest commit

 

History

History
executable file
·
32 lines (23 loc) · 1.08 KB

README.md

File metadata and controls

executable file
·
32 lines (23 loc) · 1.08 KB
Raw

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.

StorybookJS Screenshot

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