@fairdataihub/storybook-tailwind-foundations
v3.0.1
Published
Storybook tailwind foundations from tailwind.config.js as stories
Downloads
5
Readme
Getting Started
Links
Requirements
- Vue 3.0+
- Tailwind CSS
- Storybook
Install package
npm install storybook-tailwind-foundations
Adapt ./storybook/main.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.