Skip to content

Docs: Follow up on nav experiment #33273

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
shilman merged 1 commit into from
Dec 8, 2025
Merged

Docs: Follow up on nav experiment #33273

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/angular.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/nextjs-vite.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/nextjs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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)).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/preact-vite.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/react-native-web-vite.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/react-vite.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/react-webpack5.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/svelte-vite.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/sveltekit.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/vue3-vite.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/frameworks/web-components-vite.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/).

Expand Down
2 changes: 1 addition & 1 deletion docs/get-started/install.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down
2 changes: 1 addition & 1 deletion docs/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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).

Expand Down
2 changes: 1 addition & 1 deletion docs/releases/migration-guide-from-older-version.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 */}

Expand Down
2 changes: 1 addition & 1 deletion docs/releases/migration-guide.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 */}

Expand Down
Loading