diff --git a/docs/configure/sidebar-and-urls.md b/docs/configure/sidebar-and-urls.md index a7ba699666ba..769518e14e9e 100644 --- a/docs/configure/sidebar-and-urls.md +++ b/docs/configure/sidebar-and-urls.md @@ -60,7 +60,7 @@ Storybook will prioritize the `id` over the title for ID generation if provided ## CSF 3.0 auto-titles -Storybook 6.4 introduced CSF 3.0 as an experimental feature, allowing you to write stories more compactly. Suppose you're already using this format to write your stories. In that case, you can omit the `title` element from the default export and allow Storybook automatically infer it based on the file's physical location. For example, given the following configuration and story: +Storybook 6.4 introduced [CSF 3.0](https://storybook.js.org/blog/component-story-format-3-0/) as an experimental feature, allowing you to write stories more compactly. Suppose you're already using this format to write your stories. In that case, you can omit the `title` element from the default export and allow Storybook automatically infer it based on the file's physical location. For example, given the following configuration and story: @@ -73,7 +73,7 @@ Storybook 6.4 introduced CSF 3.0 as an experimental feature, allowing you to wri -When Storybook loads, the story can show up in the sidebar as `components/My Component`. While accurate for most cases, it could lead to naming issues when loaded. +When Storybook loads, the story can show up in the sidebar as `components/My Component`. ### Auto-title filename case diff --git a/docs/snippets/common/omponent-story-auto-title.csf3-story.js.mdx b/docs/snippets/common/component-story-auto-title.csf3-story.js.mdx similarity index 88% rename from docs/snippets/common/omponent-story-auto-title.csf3-story.js.mdx rename to docs/snippets/common/component-story-auto-title.csf3-story.js.mdx index f472f96b1d27..74c50e85077b 100644 --- a/docs/snippets/common/omponent-story-auto-title.csf3-story.js.mdx +++ b/docs/snippets/common/component-story-auto-title.csf3-story.js.mdx @@ -11,6 +11,6 @@ import { MyComponent } from './MyComponent'; export default { component: MyComponent }; export const Default = { - args: { something: 'Something else' }, + args: { message: 'Hello world!' }, }; ``` \ No newline at end of file