Storybook UI

Table of contents
  1. Install and add Storybook UI
  2. Start Storybook locally
  3. Error: PostCSS plugin tailwindcss requires PostCSS 8

Install and add Storybook UI

Inside the Vue project root,

npx sb init

Start Storybook locally

yarn storybook

Error: PostCSS plugin tailwindcss requires PostCSS 8

Tailwind CSS depends on PostCSS 8. As of now, Storybook have not yet been updated to support PostCSS 8. Therefore, you must install a compatibility build of Tailwind to use it with Storybook. See here for detail.

If you already have Tailwind installed, remove by

yarn remove tailwindcss postcss autoprefixer