From c9e101869b55a381e550f3e198fb13f2892cd802 Mon Sep 17 00:00:00 2001
From: nyqykk <nieyan.kk@bytedance.com>
Date: Sun, 28 Sep 2025 14:53:38 +0800
Subject: [PATCH] docs: specify storybook@8 for example

---
 website/docs/en/guide/advanced/storybook.mdx | 9 +++++----
 website/docs/zh/guide/advanced/storybook.mdx | 9 +++++----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/website/docs/en/guide/advanced/storybook.mdx b/website/docs/en/guide/advanced/storybook.mdx
index eb458a8a1..edcf91bde 100644
--- a/website/docs/en/guide/advanced/storybook.mdx
+++ b/website/docs/en/guide/advanced/storybook.mdx
@@ -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.
@@ -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',
      }}
    />
 
diff --git a/website/docs/zh/guide/advanced/storybook.mdx b/website/docs/zh/guide/advanced/storybook.mdx
index bc4927cf9..57322b116 100644
--- a/website/docs/zh/guide/advanced/storybook.mdx
+++ b/website/docs/zh/guide/advanced/storybook.mdx
@@ -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 构建器。
@@ -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',
      }}
    />