From 975ad7604b8236bad273d6498362b50af40975ee Mon Sep 17 00:00:00 2001 From: Kyle Gach Date: Mon, 20 Nov 2023 16:02:35 -0700 Subject: [PATCH] Update TOC to use `heading` type - Rename `introduction.md`, `overview.md`, `how-to-contribute.md` pages -> `index.md` pages - Add all-new `index.md` pages for Sharing and API - Find/replace `introduction.md`/`overview.md` -> `index.md` - Find/replace `/introduction`/`/overview` -> `/` - Add `hideRendererSelector: true` to frontmatter of (some) pages that aren't conditional on renderer --- .github/PULL_REQUEST_TEMPLATE.md | 3 +- CHANGELOG.v6.md | 2 +- CONTRIBUTING.md | 2 +- MAINTAINERS.md | 2 +- MIGRATION.md | 2 +- code/addons/actions/README.md | 4 +- code/addons/backgrounds/README.md | 4 +- code/addons/controls/README.md | 4 +- code/addons/highlight/README.md | 2 +- code/addons/jest/README.md | 4 +- code/addons/measure/README.md | 2 +- code/addons/outline/README.md | 4 +- code/addons/themes/README.md | 2 +- code/addons/toolbars/README.md | 4 +- code/addons/viewport/README.md | 4 +- .../angular/template/cli/Button.stories.ts | 2 +- code/frameworks/ember/README.md | 4 +- code/frameworks/nextjs/README.md | 8 +- .../nextjs/template/cli/js/Button.stories.js | 2 +- .../nextjs/template/cli/js/Configure.mdx | 2 +- .../template/cli/ts-3-8/Button.stories.ts | 2 +- .../nextjs/template/cli/ts-3-8/Configure.mdx | 2 +- .../template/cli/ts-4-9/Button.stories.ts | 2 +- .../nextjs/template/cli/ts-4-9/Configure.mdx | 2 +- code/frameworks/preact-webpack5/README.md | 4 +- code/frameworks/react-webpack5/README.md | 4 +- code/frameworks/sveltekit/README.md | 2 +- .../cli/rendererAssets/common/Configure.mdx | 2 +- code/lib/csf-tools/src/CsfFile.ts | 4 +- code/lib/types/src/modules/addons.ts | 2 +- code/presets/html-webpack/README.md | 2 +- code/presets/preact-webpack/README.md | 2 +- code/presets/react-webpack/README.md | 2 +- code/presets/svelte-webpack/README.md | 2 +- code/presets/vue-webpack/README.md | 2 +- code/presets/vue3-webpack/README.md | 2 +- code/presets/web-components-webpack/README.md | 2 +- .../html/template/cli/js/Button.stories.js | 2 +- .../template/cli/ts-3-8/Button.stories.ts | 2 +- .../template/cli/ts-4-9/Button.stories.ts | 2 +- .../preact/template/cli/Button.stories.jsx | 2 +- .../react/template/cli/js/Button.stories.js | 2 +- .../template/cli/ts-3-8/Button.stories.ts | 2 +- .../template/cli/ts-4-9/Button.stories.ts | 2 +- .../svelte/template/cli/js/Button.stories.js | 2 +- .../template/cli/ts-3-8/Button.stories.ts | 2 +- .../template/cli/ts-4-9/Button.stories.ts | 2 +- .../vue/template/cli/Button.stories.js | 2 +- .../vue3/template/cli/js/Button.stories.js | 2 +- .../template/cli/ts-3-8/Button.stories.ts | 2 +- .../template/cli/ts-3-8/Header.stories.ts | 2 +- .../template/cli/ts-4-9/Button.stories.ts | 2 +- .../template/cli/ts-4-9/Header.stories.ts | 2 +- .../template/cli/js/Button.stories.js | 2 +- .../template/cli/ts-3-8/Button.stories.ts | 2 +- .../template/cli/ts-4-9/Button.stories.ts | 2 +- docs/addons/addon-types.md | 2 +- docs/addons/{introduction.md => index.md} | 5 +- docs/addons/install-addons.md | 6 +- docs/addons/writing-presets.md | 2 +- docs/api/arg-types.md | 6 +- docs/api/csf.md | 10 +- docs/api/doc-block-controls.md | 2 +- docs/api/index.md | 103 ++++++++++++++++++ docs/api/main-config-preview-annotations.md | 2 +- docs/api/new-frameworks.md | 2 +- docs/builders/builder-api.md | 6 +- docs/builders/{overview.md => index.md} | 1 + docs/builders/webpack.md | 2 +- docs/configure/environment-variables.md | 2 +- docs/configure/frameworks.md | 2 +- docs/configure/{overview.md => index.md} | 0 docs/configure/sidebar-and-urls.md | 2 +- docs/configure/story-layout.md | 2 +- docs/configure/story-rendering.md | 2 +- docs/configure/storybook-addons.md | 2 +- docs/configure/styling-and-css.md | 2 +- docs/configure/telemetry.md | 4 +- docs/configure/theming.md | 6 +- docs/configure/webpack.md | 8 +- docs/contribute/code.md | 2 +- docs/contribute/framework.md | 4 +- docs/contribute/how-to-reproduce.md | 2 +- .../{how-to-contribute.md => index.md} | 3 +- docs/essentials/actions.md | 2 +- docs/essentials/backgrounds.md | 2 +- docs/essentials/controls.md | 2 +- docs/essentials/{introduction.md => index.md} | 9 +- docs/essentials/interactions.md | 4 +- docs/essentials/toolbars-and-globals.md | 14 +-- docs/essentials/viewport.md | 16 +-- docs/faq.md | 10 +- docs/frameworks.js | 2 +- docs/get-started/browse-stories.md | 6 +- docs/get-started/conclusion.md | 5 +- docs/get-started/setup.md | 4 +- docs/get-started/whats-a-story.md | 2 +- docs/get-started/why-storybook.md | 4 +- docs/migration-guide.md | 4 +- docs/sharing/design-integrations.md | 2 +- docs/sharing/index.md | 12 ++ docs/sharing/package-composition.md | 2 +- docs/sharing/storybook-composition.md | 2 +- .../button-story-default-export.ts.mdx | 2 +- .../angular/button-story-grouped.ts.mdx | 2 +- .../angular/button-story-hoisted.ts.mdx | 2 +- .../button-story-with-addon-example.ts.mdx | 2 +- .../button-story-with-parameters.ts.mdx | 2 +- .../angular/checkbox-story-grouped.ts.mdx | 2 +- .../component-story-figma-integration.ts.mdx | 2 +- .../snippets/angular/foo-bar-baz-story.ts.mdx | 2 +- .../angular/list-story-template.ts.mdx | 2 +- .../angular/list-story-unchecked.ts.mdx | 2 +- ...my-component-story-mandatory-export.ts.mdx | 2 +- .../angular/other-foo-bar-story.ts.mdx | 2 +- ...torybook-csf-3-auto-title-redundant.ts.mdx | 2 +- .../common/button-story-default-export.js.mdx | 2 +- .../button-story-default-export.ts-4-9.mdx | 2 +- .../common/button-story-default-export.ts.mdx | 2 +- .../common/button-story-disable-addon.js.mdx | 2 +- .../button-story-disable-addon.ts-4-9.mdx | 2 +- .../common/button-story-disable-addon.ts.mdx | 2 +- .../common/button-story-grouped.js.mdx | 2 +- .../common/button-story-grouped.ts-4-9.mdx | 2 +- .../common/button-story-grouped.ts.mdx | 2 +- .../common/button-story-hoisted.js.mdx | 2 +- .../common/button-story-hoisted.ts-4-9.mdx | 2 +- .../common/button-story-hoisted.ts.mdx | 2 +- .../button-story-with-parameters.js.mdx | 2 +- .../common/checkbox-story-grouped.js.mdx | 2 +- .../common/checkbox-story-grouped.ts-4-9.mdx | 2 +- .../common/checkbox-story-grouped.ts.mdx | 2 +- docs/snippets/common/foo-bar-baz-story.js.mdx | 2 +- .../common/foo-bar-baz-story.ts-4-9.mdx | 2 +- docs/snippets/common/foo-bar-baz-story.ts.mdx | 2 +- ...my-component-story-mandatory-export.js.mdx | 2 +- ...omponent-story-mandatory-export.ts-4-9.mdx | 2 +- ...my-component-story-mandatory-export.ts.mdx | 2 +- .../snippets/common/my-component-story.js.mdx | 2 +- .../common/other-foo-bar-story.js.mdx | 2 +- .../common/other-foo-bar-story.ts-4-9.mdx | 2 +- .../common/other-foo-bar-story.ts.mdx | 2 +- ...book-csf-3-auto-title-redundant.ts-4-9.mdx | 2 +- ...torybook-csf-3-auto-title-redundant.ts.mdx | 2 +- ...ybook-fix-imports-autodocs-monorepo.js.mdx | 2 +- ...k-fix-imports-autodocs-monorepo.ts-4-9.mdx | 2 +- ...ybook-fix-imports-autodocs-monorepo.ts.mdx | 2 +- .../button-story-component-decorator.js.mdx | 2 +- .../button-story-component-decorator.ts.mdx | 2 +- .../html/button-story-default-exports.js.mdx | 2 +- .../html/button-story-default-exports.ts.mdx | 2 +- .../html/button-story-rename-story.js.mdx | 2 +- .../html/button-story-rename-story.ts.mdx | 2 +- .../html/button-story-using-args.js.mdx | 2 +- .../html/button-story-using-args.ts.mdx | 2 +- .../html/button-story-with-args.js.mdx | 2 +- .../html/button-story-with-args.ts.mdx | 2 +- .../html/button-story-with-blue-args.js.mdx | 2 +- .../html/button-story-with-blue-args.ts.mdx | 2 +- .../html/button-story-with-emojis.js.mdx | 2 +- .../html/button-story-with-emojis.ts.mdx | 2 +- docs/snippets/html/button-story.js.mdx | 2 +- docs/snippets/html/button-story.ts.mdx | 2 +- docs/snippets/html/histogram-story.js.mdx | 2 +- docs/snippets/html/histogram-story.ts.mdx | 2 +- docs/snippets/html/list-story-expanded.js.mdx | 2 +- .../html/list-story-reuse-data.js.mdx | 2 +- .../html/list-story-reuse-data.ts.mdx | 2 +- docs/snippets/html/list-story-starter.js.mdx | 2 +- docs/snippets/html/list-story-starter.ts.mdx | 2 +- docs/snippets/html/your-component.js.mdx | 2 +- docs/snippets/html/your-component.ts.mdx | 2 +- .../button-story-with-addon-example.js.mdx | 2 +- ...button-story-with-addon-example.ts-4-9.mdx | 2 +- .../button-story-with-addon-example.ts.mdx | 2 +- .../react/button-story-with-parameters.js.mdx | 2 +- .../button-story-with-parameters.ts-4-9.mdx | 2 +- .../react/button-story-with-parameters.ts.mdx | 2 +- .../component-story-figma-integration.js.mdx | 2 +- ...mponent-story-figma-integration.ts-4-9.mdx | 2 +- .../component-story-figma-integration.ts.mdx | 2 +- .../snippets/react/list-story-template.js.mdx | 2 +- .../react/list-story-template.ts-4-9.mdx | 2 +- .../snippets/react/list-story-template.ts.mdx | 2 +- .../react/list-story-unchecked.js.mdx | 2 +- .../react/list-story-unchecked.ts-4-9.mdx | 2 +- .../react/list-story-unchecked.ts.mdx | 2 +- .../list-story-with-unchecked-children.js.mdx | 2 +- ...t-story-with-unchecked-children.ts-4-9.mdx | 2 +- .../list-story-with-unchecked-children.ts.mdx | 2 +- .../button-story-with-addon-example.js.mdx | 2 +- ...button-story-with-addon-example.ts-4-9.mdx | 2 +- .../button-story-with-addon-example.ts.mdx | 2 +- .../snippets/solid/list-story-template.js.mdx | 2 +- .../solid/list-story-template.ts-4-9.mdx | 2 +- .../snippets/solid/list-story-template.ts.mdx | 2 +- .../solid/list-story-unchecked.js.mdx | 2 +- .../solid/list-story-unchecked.ts-4-9.mdx | 2 +- .../solid/list-story-unchecked.ts.mdx | 2 +- .../list-story-with-subcomponents.js.mdx | 2 +- .../list-story-with-subcomponents.ts-4-9.mdx | 2 +- .../list-story-with-subcomponents.ts.mdx | 2 +- .../list-story-with-unchecked-children.js.mdx | 2 +- ...t-story-with-unchecked-children.ts-4-9.mdx | 2 +- .../list-story-with-unchecked-children.ts.mdx | 2 +- .../button-story-default-docs-code.js.mdx | 2 +- .../button-story-with-addon-example.js.mdx | 2 +- .../component-story-figma-integration.js.mdx | 2 +- .../button-story-with-addon-example.js.mdx | 2 +- ...button-story-with-addon-example.ts-4-9.mdx | 2 +- .../button-story-with-addon-example.ts.mdx | 2 +- .../component-story-figma-integration.js.mdx | 2 +- ...mponent-story-figma-integration.ts-4-9.mdx | 2 +- .../component-story-figma-integration.ts.mdx | 2 +- .../snippets/vue/list-story-template.2.js.mdx | 2 +- .../vue/list-story-template.2.ts-4-9.mdx | 2 +- .../snippets/vue/list-story-template.2.ts.mdx | 2 +- .../snippets/vue/list-story-template.3.js.mdx | 2 +- .../vue/list-story-template.3.ts-4-9.mdx | 2 +- .../snippets/vue/list-story-template.3.ts.mdx | 2 +- .../vue/list-story-unchecked.2.js.mdx | 2 +- .../vue/list-story-unchecked.2.ts-4-9.mdx | 2 +- .../vue/list-story-unchecked.2.ts.mdx | 2 +- .../vue/list-story-unchecked.3.js.mdx | 2 +- .../vue/list-story-unchecked.3.ts-4-9.mdx | 2 +- .../vue/list-story-unchecked.3.ts.mdx | 2 +- docs/toc.js | 85 ++++----------- docs/writing-docs/build-documentation.md | 4 +- .../{introduction.md => index.md} | 1 + docs/writing-docs/mdx.md | 2 +- docs/writing-stories/args.md | 4 +- .../build-pages-with-storybook.md | 4 +- docs/writing-stories/decorators.md | 4 +- .../{introduction.md => index.md} | 22 ++-- docs/writing-stories/loaders.md | 2 +- docs/writing-stories/parameters.md | 4 +- .../stories-for-multiple-components.md | 2 +- docs/writing-stories/typescript.md | 2 +- docs/writing-tests/accessibility-testing.md | 2 +- .../{introduction.md => index.md} | 1 + docs/writing-tests/interaction-testing.md | 2 +- docs/writing-tests/stories-in-unit-tests.md | 2 +- docs/writing-tests/test-runner.md | 6 +- 243 files changed, 457 insertions(+), 375 deletions(-) rename docs/addons/{introduction.md => index.md} (84%) create mode 100644 docs/api/index.md rename docs/builders/{overview.md => index.md} (97%) rename docs/configure/{overview.md => index.md} (100%) rename docs/contribute/{how-to-contribute.md => index.md} (94%) rename docs/essentials/{introduction.md => index.md} (94%) create mode 100644 docs/sharing/index.md rename docs/writing-docs/{introduction.md => index.md} (97%) rename docs/writing-stories/{introduction.md => index.md} (95%) rename docs/writing-tests/{introduction.md => index.md} (98%) diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md index ba472744a8f1..954092e8d2e2 100644 --- a/.github/PULL_REQUEST_TEMPLATE.md +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -4,11 +4,10 @@ Closes # - ## What I did diff --git a/CHANGELOG.v6.md b/CHANGELOG.v6.md index 391f14fed6ed..8501b232d289 100644 --- a/CHANGELOG.v6.md +++ b/CHANGELOG.v6.md @@ -4942,7 +4942,7 @@ Storybook 6.0 is here! - 🧬 [Args: Next-generation, dynamic story format](https://medium.com/storybookjs/introducing-storybook-args-2dadcdb777cc) - πŸŽ› [Controls: Live edit component examples](https://medium.com/storybookjs/storybook-controls-ce82af93e430) - 🌐 [Composition: Combine multiple Storybooks](https://medium.com/storybookjs/storybook-composition-af0da9084fba) -- πŸ“š [Documentation: Complete project overhaul](https://storybook.js.org/docs/react/get-started/introduction) +- πŸ“š [Documentation: Complete project overhaul](https://storybook.js.org/docs/react/get-started) 6.0 contains hundreds more fixes, features, and tweaks. Browse the changelogs matching `6.0.0-alpha.*`, `6.0.0-beta.*`, and `6.0.0-rc.*` for the full list of changes. See [MIGRATION.md](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) to upgrade from `5.3` or earlier. diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 78993afd8386..d90fef7e5ee5 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -55,4 +55,4 @@ yarn task --task dev --template --start-from=publish # Contributing to Storybook -For further advice on how to contribute, please refer to our [NEW contributing guide on the Storybook website](https://storybook.js.org/docs/react/contribute/how-to-contribute). +For further advice on how to contribute, please refer to our [NEW contributing guide on the Storybook website](https://storybook.js.org/docs/contribute). diff --git a/MAINTAINERS.md b/MAINTAINERS.md index 191dc42d5b90..e7640a31d10e 100644 --- a/MAINTAINERS.md +++ b/MAINTAINERS.md @@ -25,7 +25,7 @@ This document outlines some of the processes that the maintainers should adhere | compatibility with other tools | Issue, bug, or pull request between Storybook and other tools (e.g., [Nuxt](https://nuxtjs.org/)) | | components | Issue, bug, or pull request related to Storybook's internal components | | composition | Issue, bug, or pull request related to Storybook [Composition](/docs/sharing/storybook-composition.md) | -| configuration | Issue, bug, or pull request related to Storybook [configuration](/docs/configure/overview.md) | +| configuration | Issue, bug, or pull request related to Storybook [configuration](/docs/configure/index.md) | | core | Issue, bug, or pull request related to Storybook's Core | | cra | Issue, bug, or pull request that affects Storybook's compatibility with Create React APP ([CRA](https://create-react-app.dev/docs/getting-started/)) | | CSF | Issue, bug, or pull request related to Storybook's [Component Story Format (CSF)](/docs/api/csf.md) | diff --git a/MIGRATION.md b/MIGRATION.md index 4495d71096a8..226781aa5391 100644 --- a/MIGRATION.md +++ b/MIGRATION.md @@ -988,7 +988,7 @@ import ReadMe from './README.md?raw'; #### Stories field in .storybook/main.js is mandatory In 6.x, the `stories` key field in `.storybook/main.js` was optional. In 7.0, it is mandatory. -Please follow up the [Configure your Storybook project](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project) section to configure your Storybook project. +Please follow up the [Configure your Storybook project](https://storybook.js.org/docs/react/configure/#configure-your-storybook-project) section to configure your Storybook project. #### Stricter global types diff --git a/code/addons/actions/README.md b/code/addons/actions/README.md index 71bf4a2f53d6..80d2bd5d746c 100644 --- a/code/addons/actions/README.md +++ b/code/addons/actions/README.md @@ -8,13 +8,13 @@ Storybook Addon Actions can be used to display data received by event handlers i ## Installation -Actions is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: +Actions is part of [essentials](https://storybook.js.org/docs/react/essentials) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: ```sh npm i -D @storybook/addon-actions ``` -Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project): +Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/#configure-your-storybook-project): ```js export default { diff --git a/code/addons/backgrounds/README.md b/code/addons/backgrounds/README.md index 62c88e19a7e7..481ba54bcd2f 100644 --- a/code/addons/backgrounds/README.md +++ b/code/addons/backgrounds/README.md @@ -8,7 +8,7 @@ Storybook Addon Backgrounds can be used to change background colors inside the p ## Installation -Backgrounds is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: +Backgrounds is part of [essentials](https://storybook.js.org/docs/react/essentials) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: ```sh npm i -D @storybook/addon-backgrounds @@ -16,7 +16,7 @@ npm i -D @storybook/addon-backgrounds ## Configuration -Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project): +Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/#configure-your-storybook-project): ```js export default { diff --git a/code/addons/controls/README.md b/code/addons/controls/README.md index cb37957a0766..0622e23a302c 100644 --- a/code/addons/controls/README.md +++ b/code/addons/controls/README.md @@ -8,13 +8,13 @@ ## Installation -Controls is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: +Controls is part of [essentials](https://storybook.js.org/docs/react/essentials) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: ```sh npm i -D @storybook/addon-controls ``` -Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project): +Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/#configure-your-storybook-project): ```js export default { diff --git a/code/addons/highlight/README.md b/code/addons/highlight/README.md index e4b245acc5fd..5f7ffbe0c3a9 100644 --- a/code/addons/highlight/README.md +++ b/code/addons/highlight/README.md @@ -8,7 +8,7 @@ Use it to call attention to particular parts of the story. Or use it to enhance ## Usage -This addon requires Storybook 6.5 or later. Highlight is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run the following command: +This addon requires Storybook 6.5 or later. Highlight is part of [essentials](https://storybook.js.org/docs/react/essentials) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run the following command: yarn: diff --git a/code/addons/jest/README.md b/code/addons/jest/README.md index 50678d636094..ec2cc8a34c6c 100644 --- a/code/addons/jest/README.md +++ b/code/addons/jest/README.md @@ -20,7 +20,7 @@ Or if you're using yarn as a package manager: ## Configuration -Register the addon in your [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project): +Register the addon in your [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/#configure-your-storybook-project): ```js export default { @@ -133,7 +133,7 @@ Default.parameters = { ### Global level To avoid importing the results of the tests in each story, you can update -your [`.storybook/preview.js`](https://storybook.js.org/docs/react/configure/overview#configure-story-rendering) and include a decorator allowing you to display the results only for the stories that have the `jest` parameter defined: +your [`.storybook/preview.js`](https://storybook.js.org/docs/react/configure/#configure-story-rendering) and include a decorator allowing you to display the results only for the stories that have the `jest` parameter defined: ```js // .storybook/preview.js diff --git a/code/addons/measure/README.md b/code/addons/measure/README.md index ca1387d474c8..8e280f150124 100644 --- a/code/addons/measure/README.md +++ b/code/addons/measure/README.md @@ -12,7 +12,7 @@ Storybook addon for inspecting layouts and visualizing the box model. ## Usage -This addon requires Storybook 6.3 or later. Measure is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: +This addon requires Storybook 6.3 or later. Measure is part of [essentials](https://storybook.js.org/docs/react/essentials) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: ```sh npm i -D @storybook/addon-measure diff --git a/code/addons/outline/README.md b/code/addons/outline/README.md index 301c140c3cff..e73da501a3f6 100644 --- a/code/addons/outline/README.md +++ b/code/addons/outline/README.md @@ -6,13 +6,13 @@ Storybook Addon Outline can be used for visually debugging CSS layout and alignm ## Usage -Requires Storybook 6.1 or later. Outline is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: +Requires Storybook 6.1 or later. Outline is part of [essentials](https://storybook.js.org/docs/react/essentials) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: ```sh npm i -D @storybook/addon-outline ``` -Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project): +Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/#configure-your-storybook-project): ```js export default { diff --git a/code/addons/themes/README.md b/code/addons/themes/README.md index 5ed36f2c4050..55bc748fd48f 100644 --- a/code/addons/themes/README.md +++ b/code/addons/themes/README.md @@ -12,7 +12,7 @@ Requires Storybook 7.0 or later. If you need to add it to your Storybook, you ca npm i -D @storybook/addon-themes ``` -Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project): +Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/#configure-your-storybook-project): ```js export default { diff --git a/code/addons/toolbars/README.md b/code/addons/toolbars/README.md index b6cf730ab141..560966c094ce 100644 --- a/code/addons/toolbars/README.md +++ b/code/addons/toolbars/README.md @@ -12,13 +12,13 @@ The Toolbars addon controls global story rendering options from [Storybook's](ht ## Installation -Toolbars is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: +Toolbars is part of [essentials](https://storybook.js.org/docs/react/essentials) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: ```sh npm i -D @storybook/addon-toolbars ``` -Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project): +Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/#configure-your-storybook-project): ```js export default { diff --git a/code/addons/viewport/README.md b/code/addons/viewport/README.md index 196c5e0b0aa5..3766d555f8b3 100644 --- a/code/addons/viewport/README.md +++ b/code/addons/viewport/README.md @@ -8,13 +8,13 @@ Storybook Viewport Addon allows your stories to be displayed in different sizes ## Installation -Viewport is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: +Viewport is part of [essentials](https://storybook.js.org/docs/react/essentials) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run: ```sh npm i -D @storybook/addon-viewport ``` -Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project): +Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/#configure-your-storybook-project): ```js export default { diff --git a/code/frameworks/angular/template/cli/Button.stories.ts b/code/frameworks/angular/template/cli/Button.stories.ts index 3eeb645929a3..3809c0e3dd19 100644 --- a/code/frameworks/angular/template/cli/Button.stories.ts +++ b/code/frameworks/angular/template/cli/Button.stories.ts @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from '@storybook/angular'; import Button from './button.component'; -// More on how to set up stories at: https://storybook.js.org/docs/writing-stories/introduction +// More on how to set up stories at: https://storybook.js.org/docs/writing-stories const meta: Meta