Storybook - ShipThing docs

storybook应用运行在6006端口。

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

配置

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

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

Terminal

pnpm --filter storybook dev

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

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