Getting Started

Links

- Documentation
- Example

!Example

Requirements

- Vue 3.0+
- Tailwind CSS
- Storybook

Install package

``sh
npm install storybook-tailwind-foundations
`

Adapt ./storybook/main.js


`js
const path = require('path');
const tailwindConfigPath = path.join(__dirname, '../tailwind.config.js'); // or your own config file
require('storybook-tailwind-foundations/initialize.js')
.default(tailwindConfigPath);

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.