Remove /<renderer> from URLs in docs

storybookjs · Nov 27, 2023 · 8b2fa15 · 8b2fa15
1 parent cfc740c
commit 8b2fa15
Show file tree

Hide file tree

Showing 365 changed files with 446 additions and 446 deletions.
diff --git a/docs/essentials/themes.md b/docs/essentials/themes.md
@@ -8,7 +8,7 @@ Storybook's [Themes](https://github.com/storybookjs/storybook/tree/next/code/add
 
 ## Theme decorators
 
-To make your themes accessible to your stories, `@storybook/addon-themes` exposes three [decorators](https://storybook.js.org/docs/react/writing-stories/decorators) for different methods of theming.
+To make your themes accessible to your stories, `@storybook/addon-themes` exposes three [decorators](https://storybook.js.org/docs/writing-stories/decorators) for different methods of theming.
 
 ### JSX providers
 

diff --git a/docs/faq.md b/docs/faq.md
@@ -226,7 +226,7 @@ We're working on overcoming this limitation, and soon you'll be able to use them
 
 Storybook does not work unless you have at least one local story (or docs page) defined in your project. In this context, local means a `.stories.*` or `.mdx` file that is referenced in your project's `.storybook/main.js` config.
 
-If you're in a [Storybook composition](https://storybook.js.org/docs/react/sharing/storybook-composition) scenario, where you have multiple Storybooks, and want to have an extra Storybook with no stories of its own, that serves as a "glue" for all the other Storybooks in a project for demo/documentation purposes, you can do the following steps:
+If you're in a [Storybook composition](https://storybook.js.org/docs/sharing/storybook-composition) scenario, where you have multiple Storybooks, and want to have an extra Storybook with no stories of its own, that serves as a "glue" for all the other Storybooks in a project for demo/documentation purposes, you can do the following steps:
 
 Introduce a single `.mdx` docs page (addon-essentials or addon-docs required), that serves as an Introduction page, like so:
 
@@ -507,7 +507,7 @@ import type { ComponentStory, ComponentMeta } from '@storybook/react';
 
 const StoryMeta: ComponentMeta<typeof Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',

diff --git a/docs/sharing/storybook-composition.md b/docs/sharing/storybook-composition.md
@@ -95,7 +95,7 @@ If you're using Storybook 6.4, or higher, you can optimize your composition via
 
 <Callout variant="info" icon="💡">
 
-If you already enabled automatic code splitting via the [`storyStoreV7`](https://storybook.js.org/docs/react/builders/webpack#code-splitting), you won't need this flag as it will automatically generate the `index.json` file.
+If you already enabled automatic code splitting via the [`storyStoreV7`](https://storybook.js.org/docs/builders/webpack#code-splitting), you won't need this flag as it will automatically generate the `index.json` file.
 
 </Callout>
 

diff --git a/docs/snippets/angular/build-storybook-production-mode.with-builder.js.mdx b/docs/snippets/angular/build-storybook-production-mode.with-builder.js.mdx
@@ -1,6 +1,6 @@
 ```shell
 # Builds Storybook with Angular's custom builder
-# See https://storybook.js.org/docs/angular/get-started/install
+# See https://storybook.js.org/docs/get-started/install
 # to learn how to create the custom builder
 ng run my-project:build-storybook
 ```
diff --git a/docs/snippets/angular/button-story-default-export.ts.mdx b/docs/snippets/angular/button-story-default-export.ts.mdx
@@ -7,7 +7,7 @@ import { Button } from './button.component';
 
 const meta: Meta<Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',

diff --git a/docs/snippets/angular/button-story-grouped.ts.mdx b/docs/snippets/angular/button-story-grouped.ts.mdx
@@ -7,7 +7,7 @@ import { Button } from './button.component';
 
 const meta: Meta<Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',

diff --git a/docs/snippets/angular/button-story-hoisted.ts.mdx b/docs/snippets/angular/button-story-hoisted.ts.mdx
@@ -7,7 +7,7 @@ import { Button as ButtonComponent } from './button.component';
 
 const meta: Meta<ButtonComponent> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Button',

diff --git a/docs/snippets/angular/button-story-rename-story.ts.mdx b/docs/snippets/angular/button-story-rename-story.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {

diff --git a/docs/snippets/angular/button-story-with-addon-example.ts.mdx b/docs/snippets/angular/button-story-with-addon-example.ts.mdx
@@ -7,7 +7,7 @@ import { Button } from './button.component';
 
 const meta: Meta<Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',
@@ -25,7 +25,7 @@ type Story = StoryObj<Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Basic: Story = {

diff --git a/docs/snippets/angular/button-story-with-emojis.ts.mdx b/docs/snippets/angular/button-story-with-emojis.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {

diff --git a/docs/snippets/angular/button-story-with-parameters.ts.mdx b/docs/snippets/angular/button-story-with-parameters.ts.mdx
@@ -7,7 +7,7 @@ import { Button } from './button.component';
 
 const meta: Meta<Button> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Button',

diff --git a/docs/snippets/angular/button-story.ts.mdx b/docs/snippets/angular/button-story.ts.mdx
@@ -14,7 +14,7 @@ type Story = StoryObj<Button>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {

diff --git a/docs/snippets/angular/checkbox-story-grouped.ts.mdx b/docs/snippets/angular/checkbox-story-grouped.ts.mdx
@@ -7,7 +7,7 @@ import { Checkbox } from './checkbox.component';
 
 const meta: Meta<Checkbox> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Design System/Atoms/Checkbox',

diff --git a/docs/snippets/angular/component-story-auto-title.csf3-story-ts.ts.mdx b/docs/snippets/angular/component-story-auto-title.csf3-story-ts.ts.mdx
@@ -7,7 +7,7 @@ import { MyComponent } from './MyComponent.component';
 
 /**
  * Story written in CSF 3.0 with auto title generation
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn more about it.
  */
 const meta: Meta<MyComponent> = {

diff --git a/docs/snippets/angular/component-story-figma-integration.ts.mdx b/docs/snippets/angular/component-story-figma-integration.ts.mdx
@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from '@storybook/angular/';
 
 import { MyComponent } from './MyComponent.component';
 
-// More on default export: https://storybook.js.org/docs/angular/writing-stories/introduction#default-export
+// More on default export: https://storybook.js.org/docs/writing-stories/introduction#default-export
 const meta: Meta<MyComponent> = {
   component: MyComponent,
 };

diff --git a/docs/snippets/angular/foo-bar-baz-story.ts.mdx b/docs/snippets/angular/foo-bar-baz-story.ts.mdx
@@ -7,7 +7,7 @@ import { Foo } from './Foo.component';
 
 const meta: Meta<Foo> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Foo/Bar',

diff --git a/docs/snippets/angular/list-story-reuse-data.ts.mdx b/docs/snippets/angular/list-story-reuse-data.ts.mdx
@@ -28,7 +28,7 @@ type Story = StoryObj<List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const ManyItems: Story = {

diff --git a/docs/snippets/angular/list-story-template.ts.mdx b/docs/snippets/angular/list-story-template.ts.mdx
@@ -15,7 +15,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -33,7 +33,7 @@ type Story = StoryObj<List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 const ListTemplate: Story = {

diff --git a/docs/snippets/angular/list-story-unchecked.ts.mdx b/docs/snippets/angular/list-story-unchecked.ts.mdx
@@ -15,7 +15,7 @@ import { Unchecked } from './ListItem.stories';
 
 const meta: Meta<List> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'List',
@@ -33,7 +33,7 @@ type Story = StoryObj<List>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const OneItem: Story = {

diff --git a/docs/snippets/angular/loader-story.ts.mdx b/docs/snippets/angular/loader-story.ts.mdx
@@ -26,7 +26,7 @@ type Story = StoryObj<TodoItem>;
 
 /*
  *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/angular/api/csf
+ * See https://storybook.js.org/docs/api/csf
  * to learn how to use render functions.
  */
 export const Primary: Story = {

diff --git a/docs/snippets/angular/login-form-with-play-function.ts.mdx b/docs/snippets/angular/login-form-with-play-function.ts.mdx
@@ -19,7 +19,7 @@ type Story = StoryObj<LoginForm>;
 export const EmptyForm: Story = {};
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -31,7 +31,7 @@ export const FilledForm: Story = {
 
     await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
 
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
 
     // 👇 Assert DOM structure

diff --git a/docs/snippets/angular/my-component-play-function-alt-queries.ts.mdx b/docs/snippets/angular/my-component-play-function-alt-queries.ts.mdx
@@ -15,14 +15,14 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleWithRole: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button', { name: / button label/i }));
   },
 };

diff --git a/docs/snippets/angular/my-component-play-function-composition.ts.mdx b/docs/snippets/angular/my-component-play-function-composition.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FirstStory: Story = {

diff --git a/docs/snippets/angular/my-component-play-function-query-findby.ts.mdx b/docs/snippets/angular/my-component-play-function-query-findby.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const AsyncExample: Story = {

diff --git a/docs/snippets/angular/my-component-play-function-waitfor.ts.mdx b/docs/snippets/angular/my-component-play-function-waitfor.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleAsyncStory: Story = {
@@ -30,7 +30,7 @@ export const ExampleAsyncStory: Story = {
       delay: 100,
     });
 
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const Submit = canvas.getByRole('button');
     await userEvent.click(Submit);
 

diff --git a/docs/snippets/angular/my-component-play-function-with-clickevent.ts.mdx b/docs/snippets/angular/my-component-play-function-with-clickevent.ts.mdx
@@ -15,14 +15,14 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ClickExample: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await userEvent.click(canvas.getByRole('button'));
   },
 };
@@ -31,7 +31,7 @@ export const FireEventExample: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     await fireEvent.click(canvas.getByTestId('data-testid'));
   },
 };

diff --git a/docs/snippets/angular/my-component-play-function-with-delay.ts.mdx b/docs/snippets/angular/my-component-play-function-with-delay.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const DelayedStory: Story = {

diff --git a/docs/snippets/angular/my-component-play-function-with-selectevent.ts.mdx b/docs/snippets/angular/my-component-play-function-with-selectevent.ts.mdx
@@ -20,7 +20,7 @@ function sleep(ms: number) {
 }
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const ExampleChangeEvent: Story = {

diff --git a/docs/snippets/angular/my-component-story-mandatory-export.ts.mdx b/docs/snippets/angular/my-component-story-mandatory-export.ts.mdx
@@ -7,7 +7,7 @@ import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'Path/To/MyComponent',

diff --git a/docs/snippets/angular/other-foo-bar-story.ts.mdx b/docs/snippets/angular/other-foo-bar-story.ts.mdx
@@ -7,7 +7,7 @@ import { Foo } from './Foo.component';
 
 const meta: Meta<Foo> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   title: 'OtherFoo/Bar',

diff --git a/docs/snippets/angular/register-component-with-play-function.ts.mdx b/docs/snippets/angular/register-component-with-play-function.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<RegistrationForm>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const FilledForm: Story = {
@@ -37,7 +37,7 @@ export const FilledForm: Story = {
     await userEvent.type(passwordInput, 'ExamplePassword', {
       delay: 100,
     });
-    // See https://storybook.js.org/docs/angular/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
+    // See https://storybook.js.org/docs/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
     const submitButton = canvas.getByRole('button');
 
     await userEvent.click(submitButton);

diff --git a/docs/snippets/angular/storybook-csf-3-auto-title-redundant.ts.mdx b/docs/snippets/angular/storybook-csf-3-auto-title-redundant.ts.mdx
@@ -7,7 +7,7 @@ import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
   /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
+   * See https://storybook.js.org/docs/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
   component: MyComponent,

diff --git a/docs/snippets/angular/storybook-interactions-play-function.ts.mdx b/docs/snippets/angular/storybook-interactions-play-function.ts.mdx
@@ -20,7 +20,7 @@ export default meta;
 type Story = StoryObj<Form>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted: Story = {

diff --git a/docs/snippets/angular/storybook-interactions-step-function.ts.mdx b/docs/snippets/angular/storybook-interactions-step-function.ts.mdx
@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 /*
- * See https://storybook.js.org/docs/angular/writing-stories/play-function#working-with-the-canvas
+ * See https://storybook.js.org/docs/writing-stories/play-function#working-with-the-canvas
  * to learn more about using the canvasElement to query the DOM
  */
 export const Submitted: Story = {