Skip to content

Commit cf54bc4

Browse files
Merge pull request #33135 from storybookjs/copilot/fix-broken-csf-link
Docs: Fix broken CSF links with internal documentation references
2 parents 4fbf0fb + 91a70ab commit cf54bc4

File tree

3 files changed

+4
-4
lines changed

3 files changed

+4
-4
lines changed

docs/api/csf/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ tab:
99
title: CSF 3
1010
---
1111

12-
Component Story Format (CSF) is the recommended way to [write stories](../../writing-stories/index.mdx). It's an [open standard](https://github.com/ComponentDriven/csf) based on ES6 modules that is portable beyond Storybook.
12+
Component Story Format (CSF) is the recommended way to [write stories](../../writing-stories/index.mdx). It's an open standard based on ES6 modules that is portable beyond Storybook.
1313

1414
In CSF, stories and component metadata are defined as ES Modules. Every component story file consists of a required [default export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export#Using_the_default_export) and one or more [named exports](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export).
1515

docs/api/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ An overview of all available API references for Storybook.
8080

8181
<Td>
8282
Component Story Format (CSF) is the API for writing stories. It's an
83-
<a href="https://github.com/ComponentDriven/csf">open standard</a> based on ES6 modules that
83+
open standard based on ES6 modules that
8484
is portable beyond Storybook.
8585
</Td>
8686
</Tr>

docs/get-started/why-storybook.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ Storybook is packaged as a small, development-only, [workshop](https://bradfrost
2929

3030
### Capture UI variations as “stories”
3131

32-
When developing a component variation in isolation, save it as a story. [Stories](https://github.com/ComponentDriven/csf) are a declarative syntax for supplying props and mock data to simulate component variations. Each component can have multiple stories. Each story allows you to demonstrate a specific variation of that component to verify appearance and behavior.
32+
When developing a component variation in isolation, save it as a story. [Stories](../writing-stories/index.mdx) are a declarative syntax for supplying props and mock data to simulate component variations. Each component can have multiple stories. Each story allows you to demonstrate a specific variation of that component to verify appearance and behavior.
3333

3434
You write stories for granular UI component variation and then use those stories in development, testing, and documentation.
3535

@@ -100,7 +100,7 @@ Storybook is compatible with your continuous integration workflow. Add it as a C
100100

101101
## Write stories once, reuse everywhere
102102

103-
Storybook is powered by [Component Story Format](https://github.com/ComponentDriven/csf), an open standard based on JavaScript ES6 modules. This enables stories to interoperate between development, testing, and design tools. Each story is exported as a JavaScript function enabling you to reuse it with other tools. No vendor lock-in.
103+
Storybook is powered by [Component Story Format](../api/csf/index.mdx), an open standard based on JavaScript ES6 modules. This enables stories to interoperate between development, testing, and design tools. Each story is exported as a JavaScript function enabling you to reuse it with other tools. No vendor lock-in.
104104

105105
Reuse stories with [Jest](https://jestjs.io/) or [Vitest](https://vitest.dev/) and [Testing Library](https://testing-library.com/) to verify interactions. Put them in [Chromatic](https://www.chromatic.com/?utm_source=storybook_website\&utm_medium=link\&utm_campaign=storybook) for visual testing. Audit story accessibility with [Axe](https://github.com/dequelabs/axe-core). Or test user flows with [Playwright](https://playwright.dev/) and [Cypress](https://www.cypress.io/). Reuse unlocks more workflows at no extra cost.
106106

0 commit comments

Comments
 (0)