storybook应用运行在6006端口。

SuperStarter使用Storybook作为设计系统的前端工作坊。它允许您与设计系统中的组件交互,并查看它们在不同状态下的行为。

配置

默认情况下,Storybook配置了我们的blocksshadcn/ui中的每个组件,并允许您与它们交互。它还配置了相关字体和高阶组件,确保您的应用程序和Storybook之间体验一致。

开发

要启动应用,请在根目录中运行以下命令:

Terminal
pnpm --filter storybook dev

添加stories

您可以通过将组件添加到apps/storybook/stories目录来将自己的组件加入工作坊。每个组件应该有自己独立的.stories.tsx文件。

添加storybook非常简单,只需按照示例操作即可。将组件UI与数据分离的好处是,您可以在不同应用程序中重用组件,确保所有应用程序的视觉体验一致。