storybook-tailwind-foundations

Getting Started

Links

• Documentation
• Example

Requirements

• Vue 3.0+
• Tailwind CSS
• Storybook
• Storybook builder vite

Install package

npm install storybook-tailwind-foundations

Adapt ./storybook/main.js

require('storybook-tailwind-foundations/initialize.js')
  .default(resolve('../tailwind.config.js')); // or your own config file

module.exports = {
   // ...
  stories: [
    // ... 
    '../node_modules/storybook-tailwind-foundations/**/*.stories.js'
  ],
}

Start Storybook

If you make any change to the tailwind config, you need to restart storybook to see the changes. Now you can start storybook and the Foundations section should appear in the sidebar.

Changelog

1.1.0 (2022-08-30)

:sparkles: Features

• add tailwind screens support (984e9d8)