Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 5 additions & 4 deletions website/docs/en/guide/advanced/storybook.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@ Set up a Storybook project with an existing Rslib project. To use React, Vue 3,
Using React as an example, at this step you need to:

1. Install the dependencies for Storybook Rsbuild React framework. The essential ones include

- [storybook](https://www.npmjs.com/package/storybook): The Storybook core.
- [@storybook/addon-essentials](https://www.npmjs.com/package/@storybook/addon-essentials): a curated collection of addons to bring out the best of Storybook.
- [@rsbuild/core](https://www.npmjs.com/package/@rsbuild/core): Storybook builder.
Expand All @@ -32,10 +33,10 @@ Using React as an example, at this step you need to:

<PackageManagerTabs
command={{
npm: 'npm add storybook @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
yarn: 'yarn add storybook @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
pnpm: 'pnpm add storybook @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
bun: 'bun add storybook @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
npm: 'npm add storybook@8 @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
yarn: 'yarn add storybook@8 @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
pnpm: 'pnpm add storybook@8 @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
bun: 'bun add storybook@8 @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
}}
/>

Expand Down
9 changes: 5 additions & 4 deletions website/docs/zh/guide/advanced/storybook.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@ import { Tab, Tabs } from '@rspress/core/theme';
以 React 为例,在这一步你需要:

1. 安装 Storybook Rsbuild React 框架的依赖。必要的依赖包括

- [storybook](https://www.npmjs.com/package/storybook):Storybook core 包。
- [@storybook/addon-essentials](https://www.npmjs.com/package/@storybook/addon-essentials):精选的插件集合,以充分发挥 Storybook 的作用。
- [@rsbuild/core](https://www.npmjs.com/package/@rsbuild/core):Storybook 构建器。
Expand All @@ -32,10 +33,10 @@ import { Tab, Tabs } from '@rspress/core/theme';

<PackageManagerTabs
command={{
npm: 'npm add storybook @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
yarn: 'yarn add storybook @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
pnpm: 'pnpm add storybook @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
bun: 'bun add storybook @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
npm: 'npm add storybook@8 @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
yarn: 'yarn add storybook@8 @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
pnpm: 'pnpm add storybook@8 @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
bun: 'bun add storybook@8 @storybook/addon-essentials storybook-addon-rslib @rsbuild/core -D',
}}
/>

Expand Down
Loading