Merge pull request #33273 from storybookjs/sidnioulz/growth-sb-experiment-followup

shilman · web-flow · commit 9548e928ae60 · 2025-12-08T16:27:23.000+08:00
Docs: Follow up on nav experiment
diff --git a/docs/get-started/frameworks/angular.mdx b/docs/get-started/frameworks/angular.mdx
@@ -12,7 +12,7 @@ Storybook for Angular is a [framework](../../contribute/framework.mdx) that make
 
 To install Storybook in an existing Angular project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 You can then get started [writing stories](/docs/get-started/whats-a-story/), [running tests](/docs/writing-tests/) and [documenting your components](/docs/writing-docs/). For more control over the installation process, refer to the [installation guide](/docs/install/).
 
diff --git a/docs/get-started/frameworks/nextjs-vite.mdx b/docs/get-started/frameworks/nextjs-vite.mdx
@@ -12,7 +12,7 @@ Storybook for Next.js (Vite) is the **recommended** [framework](../../contribute
 
 To install Storybook in an existing Next.js project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 You can then get started [writing stories](/docs/get-started/whats-a-story/), [running tests](/docs/writing-tests/) and [documenting your components](/docs/writing-docs/). For more control over the installation process, refer to the [installation guide](/docs/install/).
 
diff --git a/docs/get-started/frameworks/nextjs.mdx b/docs/get-started/frameworks/nextjs.mdx
@@ -23,7 +23,7 @@ Use this Webpack-based framework (`@storybook/nextjs`) only if:
 
 To install Storybook in an existing Next.js project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 The command will prompt you to choose between this framework and [`@storybook/nextjs-vite`](./nextjs-vite.mdx). We recommend the Vite-based framework ([learn why](./nextjs-vite.mdx#choose-between-vite-and-webpack)).
 
diff --git a/docs/get-started/frameworks/preact-vite.mdx b/docs/get-started/frameworks/preact-vite.mdx
@@ -12,7 +12,7 @@ Storybook for Preact & Vite is a [framework](../../contribute/framework.mdx) tha
 
 To install Storybook in an existing Preact project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 You can then get started [writing stories](/docs/get-started/whats-a-story/), [running tests](/docs/writing-tests/) and [documenting your components](/docs/writing-docs/). For more control over the installation process, refer to the [installation guide](/docs/install/).
 
diff --git a/docs/get-started/frameworks/react-native-web-vite.mdx b/docs/get-started/frameworks/react-native-web-vite.mdx
@@ -20,7 +20,7 @@ Storybook for React Native Web is a [framework](../../contribute/framework.mdx)
 
 To install Storybook in an existing React Native project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 You can then get started [writing stories](/docs/get-started/whats-a-story/), [running tests](/docs/writing-tests/) and [documenting your components](/docs/writing-docs/). For more control over the installation process, refer to the [installation guide](/docs/install/).
 
diff --git a/docs/get-started/frameworks/react-vite.mdx b/docs/get-started/frameworks/react-vite.mdx
@@ -12,7 +12,7 @@ Storybook for React & Vite is a [framework](../../contribute/framework.mdx) that
 
 To install Storybook in an existing React project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 You can then get started [writing stories](/docs/get-started/whats-a-story/), [running tests](/docs/writing-tests/) and [documenting your components](/docs/writing-docs/). For more control over the installation process, refer to the [installation guide](/docs/install/).
 
diff --git a/docs/get-started/frameworks/react-webpack5.mdx b/docs/get-started/frameworks/react-webpack5.mdx
@@ -19,7 +19,7 @@ Use this Webpack-based framework (`@storybook/react-webpack5`) only if you need
 
 To install Storybook in an existing React project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 You can then get started [writing stories](/docs/get-started/whats-a-story/), [running tests](/docs/writing-tests/) and [documenting your components](/docs/writing-docs/). For more control over the installation process, refer to the [installation guide](/docs/install/).
 
diff --git a/docs/get-started/frameworks/svelte-vite.mdx b/docs/get-started/frameworks/svelte-vite.mdx
@@ -13,7 +13,7 @@ Storybook for Svelte & Vite is a [framework](../../contribute/framework.mdx) tha
 
 To install Storybook in an existing Svelte project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 You can then get started [writing stories](/docs/get-started/whats-a-story/), [running tests](/docs/writing-tests/) and [documenting your components](/docs/writing-docs/). For more control over the installation process, refer to the [installation guide](/docs/install/).
 
diff --git a/docs/get-started/frameworks/sveltekit.mdx b/docs/get-started/frameworks/sveltekit.mdx
@@ -12,7 +12,7 @@ Storybook for SvelteKit is a [framework](../../contribute/framework.mdx) that ma
 
 To install Storybook in an existing SvelteKit project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 You can then get started [writing stories](/docs/get-started/whats-a-story/), [running tests](/docs/writing-tests/) and [documenting your components](/docs/writing-docs/). For more control over the installation process, refer to the [installation guide](/docs/install/).
 
diff --git a/docs/get-started/frameworks/vue3-vite.mdx b/docs/get-started/frameworks/vue3-vite.mdx
@@ -12,7 +12,7 @@ Storybook for Vue & Vite is a [framework](../../contribute/framework.mdx) that m
 
 To install Storybook in an existing Vue project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 You can then get started [writing stories](/docs/get-started/whats-a-story/), [running tests](/docs/writing-tests/) and [documenting your components](/docs/writing-docs/). For more control over the installation process, refer to the [installation guide](/docs/install/).
 
diff --git a/docs/get-started/frameworks/web-components-vite.mdx b/docs/get-started/frameworks/web-components-vite.mdx
@@ -13,7 +13,7 @@ Storybook for Web components & Vite is a [framework](../../contribute/framework.
 
 To install Storybook in an existing project, run this command in your project's root directory:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 You can then get started [writing stories](/docs/get-started/whats-a-story/), [running tests](/docs/writing-tests/) and [documenting your components](/docs/writing-docs/). For more control over the installation process, refer to the [installation guide](/docs/install/).
 
diff --git a/docs/get-started/install.mdx b/docs/get-started/install.mdx
@@ -7,7 +7,7 @@ sidebar:
 
 Use the Storybook CLI to install it in a single command. Run this inside your project’s root directory:
 
-<CodeSnippets path="create-command.md" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 Storybook will look into your project's dependencies during its install process and provide you with the best configuration available.
 
diff --git a/docs/index.mdx b/docs/index.mdx
@@ -9,7 +9,7 @@ Storybook is a frontend workshop for building UI components and pages in isolati
 
 Run this command to install Storybook into an existing project or create a new one from scratch:
 
-<CodeSnippets path="create-command.md" variant="new-users" />
+<CodeSnippets path="create-command.md" variant="new-users" copyEvent="CreateCommandCopy" />
 
 Want to know more about installing Storybook? Check out the [installation guide](./get-started/install.mdx).
 
diff --git a/docs/releases/migration-guide-from-older-version.mdx b/docs/releases/migration-guide-from-older-version.mdx
@@ -85,7 +85,7 @@ To add Storybook to a project that isn’t currently using Storybook:
 
 {/* prettier-ignore-start */}
 
-<CodeSnippets path="create-command.md" />
+<CodeSnippets path="create-command.md" copyEvent="CreateCommandCopy" />
 
 {/* prettier-ignore-end */}
 
diff --git a/docs/releases/migration-guide.mdx b/docs/releases/migration-guide.mdx
@@ -67,7 +67,7 @@ To add Storybook to a project that isn’t currently using Storybook:
 
 {/* prettier-ignore-start */}
 
-<CodeSnippets path="create-command.md" />
+<CodeSnippets path="create-command.md" copyEvent="CreateCommandCopy" />
 
 {/* prettier-ignore-end */}
 
