ShipThing docs home page
Search or ask...
⌘K
Web 应用
App 应用
API 接口
Storybook
focusapps/ShipThing
简体中文
ShipThing docs home page
简体中文
Search or ask...
⌘K
focusapps/ShipThing
focusapps/ShipThing
搜索...
Navigation
Storybook
入门指南
应用模块
功能包
迁移
实践案例
入门指南
应用模块
功能包
迁移
实践案例
Storybook
设计系统的前端工作坊
storybook
应用运行在6006端口。
ShipThing使用
Storybook
作为设计系统的前端工作坊。它允许您与设计系统中的组件交互,并查看它们在不同状态下的行为。
配置
默认情况下,Storybook配置了我们的
blocks
和
shadcn/ui
中的每个组件,并允许您与它们交互。它还配置了相关字体和高阶组件,确保您的应用程序和Storybook之间体验一致。
开发
要启动应用,请在根目录中运行以下命令:
Terminal
Copy
pnpm
--filter
storybook
dev
添加stories
您可以通过将组件添加到
apps/storybook/stories
目录来将自己的组件加入工作坊。每个组件应该有自己独立的
.stories.tsx
文件。
添加storybook非常简单,只需按照示例操作即可。将组件UI与数据分离的好处是,您可以在不同应用程序中重用组件,确保所有应用程序的视觉体验一致。
上一页
在API端点中使用区域设置
学习如何在ShipThing API端点中使用用户的区域设置
在此页面
配置
开发
添加stories
助手
Responses are generated using AI and may contain mistakes.