Storybook tailwind foundations from tailwind.config.js as stories
npm install storybook-tailwind-foundations- Vue 3.0+
- Tailwind CSS
- Storybook
``sh`
npm install storybook-tailwind-foundations
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.