参加直播:美国东部时间周四上午 11 点,Storybook 9 版本发布 & 问答

Tailwind Foundations

将 tailwind.config.js 中的 Storybook tailwind foundations 作为故事

在 Github 查看

入门

链接

Example

要求

  • Vue 3.0+
  • Tailwind CSS
  • Storybook

安装包

npm install storybook-tailwind-foundations

调整 ./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'
  ],
}

启动 Storybook

如果您对 tailwind 配置进行任何更改,需要重新启动 Storybook 才能看到更改。现在您可以启动 Storybook,然后“Foundations”部分应该会出现在侧边栏中。