Removes title and minor tweaks

docs/api/csf.md

@@ -8,13 +8,13 @@ Component Story Format (CSF) is the recommended way to [write stories](../writin
 
 <div class="aside">
 
-💡 If you are writing stories in the older `storiesOf()` syntax, you can find documentation in an [advanced README](../../lib/preview-api/docs/storiesOf.md).
+💡 If you are writing stories in the older `storiesOf()` syntax, you can find documentation in an [advanced README](https://github.com/storybookjs/storybook/blob/next/code/lib/preview-api/docs/storiesOf.md).
 
 </div>
 
 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).
 
-CSF is supported in all frameworks except React Native, where you should use the [storiesOf API](../../lib/preview-api/docs/storiesOf.md) instead.
+CSF is supported in all frameworks except React Native, where you should use the [storiesOf API](https://github.com/storybookjs/storybook/blob/next/code/lib/preview-api/docs/storiesOf.md) instead.
 
 ## Default export
 

docs/configure/images-and-assets.md

@@ -6,7 +6,7 @@ Components often rely on images, videos, fonts, and other assets to render as th
 
 ### Import assets into stories
 
-You can import any media assets by importing (or requiring) them. It works out of the box with our default config. But, if you are using a custom webpack config, you’ll need to add the [file loader](https://v4.webpack.js.org/loaders/) to handle the required files.
+You can import any media assets by importing (or requiring) them. It works out of the box with our default config. But, if you are using a custom webpack config, you’ll need to add the [file loader](https://webpack.js.org/loaders/) to handle the required files.
 
 Afterward, you can use any asset in your stories:
 
@@ -149,4 +149,4 @@ Inside the `.storybook/` configuration folder, create `preview-head.html`, then
 <CodeSnippets
   paths={['common/storybook-preview-head-example.html.mdx']} />
 
-<!-- prettier-ignore-end -->
+<!-- prettier-ignore-end -->

docs/essentials/auto-generated-controls/angular.mdx

@@ -4,7 +4,6 @@ To use auto-detected controls with Angular, you must fill in the `component` fie
 import { Button } from './button.component';
 
 export default {
-  title: 'Button',
   component: Button,
 };
 ```

docs/essentials/auto-generated-controls/ember.mdx

@@ -24,7 +24,6 @@ Finally, to use auto-detected controls with Ember, you must fill in the `compone
 
 ```ts
 export default {
-  title: 'Button',
   component: 'button', // name of your button component from docgen-json file (index.js)
 };
 ```

docs/essentials/auto-generated-controls/react.mdx

@@ -1,12 +1,11 @@
 To use auto-detected controls with React, you must fill in the `component` field in your story metadata:
 
-```ts
+```js
 // Button.stories.js|jsx|ts|tsx
 
 import { Button } from './Button';
 
 export default {
-  title: 'Button',
   component: Button,
 };
 ```

docs/essentials/auto-generated-controls/vue.mdx

@@ -1,10 +1,9 @@
 To use auto-detected controls with Vue, you must fill in the `component` field in your story metadata:
 
-```ts
+```js
 import { Button } from './Button.vue';
 
 export default {
-  title: 'Button',
   component: Button,
 };
 ```

docs/essentials/auto-generated-controls/web-components.mdx

@@ -1,9 +1,8 @@
 To use auto-detected controls with Web components, you must fill in the `component` field in your story metadata:
 
-```ts
+```js
 export default {
-  title: 'Button',
-  component: 'button', // name of your button component
+  component: 'button', 
 };
 ```
 

docs/snippets/angular/app-story-with-mock.ts.mdx

@@ -6,7 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 import { App } from './app.component';
 
 const meta: Meta<App> = {
-  title: 'App',
   component: App,
 };
 

docs/snippets/angular/button-group-story.ts.mdx

@@ -14,11 +14,6 @@ import { Button } from './button.component';
 import * as ButtonStories from './Button.stories';
 
 const meta: Meta<ButtonGroup> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'ButtonGroup',
   component: ButtonGroup,
   decorators: [
     moduleMetadata({
@@ -31,11 +26,6 @@ const meta: Meta<ButtonGroup> = {
 export default meta;
 type Story = StoryObj<ButtonGroup>;
 
-/*
- *👇 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
- * to learn how to use render functions.
- */
 export const Pair: Story = {
   args: {
     buttons: [{ ...ButtonStories.Primary.args }, { ...ButtonStories.Secondary.args }],

docs/snippets/angular/button-story-action-event-handle.ts.mdx

@@ -8,11 +8,6 @@ import { withActions } from '@storybook/addon-actions/decorator';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   parameters: {
     actions: {

docs/snippets/angular/button-story-argtypes-with-categories.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   argTypes: {
     // Assigns the argTypes to the Colors category

docs/snippets/angular/button-story-argtypes-with-subcategories.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   argTypes: {
     // Assigns the argTypes to the Colors category

docs/snippets/angular/button-story-auto-docs.ts.mdx

@@ -6,7 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 import { Button } from './button.component';
 
 const meta: Meta<Button> = {
-  title: 'Button',
   component: Button,
   //👇 Enables auto-generated documentation for the component story
   tags: ['autodocs'],

docs/snippets/angular/button-story-click-handler-args.ts.mdx

@@ -8,11 +8,6 @@ import { action } from '@storybook/addon-actions';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story-click-handler-simplificated.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story-click-handler.ts.mdx

@@ -8,11 +8,6 @@ import { Button } from './button.component';
 import { action } from '@storybook/addon-actions';
 
 const meta: Meta<Button> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story-component-args-primary.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   //👇 Creates specific argTypes
   argTypes: {

docs/snippets/angular/button-story-component-decorator.ts.mdx

@@ -10,11 +10,6 @@ import { Button } from './button.component';
 import { Parent } from './parent.component'; // Parent contains ng-content
 
 const meta: Meta<Button> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   decorators: [
     moduleMetadata({

docs/snippets/angular/button-story-controls-primary-variant.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story-controls-radio-group.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   argTypes: {
     variant: {

docs/snippets/angular/button-story-decorator.ts.mdx

@@ -10,11 +10,6 @@ import { Button } from './button.component';
 import { Parent } from './parent.component'; // Parent contains ng-content
 
 const meta: Meta<Button> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story-default-export-with-component.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story-hide-nocontrols-warning.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story-matching-argtypes.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   parameters: { actions: { argTypesRegex: '^on.*' } },
 };

docs/snippets/angular/button-story-onclick-action-argtype.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   argTypes: { onClick: { action: 'clicked' } },
 };

docs/snippets/angular/button-story-primary-composition.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story-primary-long-name.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story-rename-story.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story-using-args.ts.mdx

@@ -6,22 +6,12 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 
 export default meta;
 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
- * to learn how to use render functions.
- */
 export const Primary: Story = {
   args: {
     label: 'Button',

docs/snippets/angular/button-story-with-args.ts.mdx

@@ -6,22 +6,12 @@ import type { Meta, StoryObj } from '@storybook/angular/';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 
 export default meta;
 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
- * to learn how to use render functions.
- */
 export const Primary: Story = {
   args: {
     primary: true,

docs/snippets/angular/button-story-with-blue-args.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   //👇 Creates specific parameters for the story
   parameters: {

docs/snippets/angular/button-story-with-emojis.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/button-story.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/component-story-conditional-controls-mutual-exclusion.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   argTypes: {
     // Button can be passed a label or an image, not both

docs/snippets/angular/component-story-conditional-controls-toggle.ts.mdx

@@ -6,16 +6,11 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   argTypes: {
-    label: { control: 'text' }, // always shows
+    label: { control: 'text' }, // Always shows the control
     advanced: { control: 'boolean' },
-    // Below are only included when advanced is true
+    // Only enabled if advanced is true
     margin: { control: 'number', if: { arg: 'advanced' } },
     padding: { control: 'number', if: { arg: 'advanced' } },
     cornerRadius: { control: 'number', if: { arg: 'advanced' } },

docs/snippets/angular/component-story-custom-args-complex.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 import { YourComponent } from './your-component.component';
 
 const meta: Meta<YourComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'YourComponent',
   component: YourComponent,
   //👇 Creates specific argTypes with options
   argTypes: {
@@ -27,16 +22,10 @@ const meta: Meta<YourComponent> = {
 export default meta;
 type Story = StoryObj<YourComponent>;
 
-//👇 Some function to demonstrate the behavior
 const someFunction = (valuePropertyA: String, valuePropertyB: String) => {
-  // Makes some computations and returns something
+  // Do some logic here
 };
 
-/*
- *👇 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
- * to learn how to use render functions.
- */
 export const ExampleStory: Story = {
   render: (args) => {
     const { propertyA, propertyB } = args;

docs/snippets/angular/component-story-custom-args-mapping.ts.mdx

@@ -10,11 +10,6 @@ import { ArrowUp, ArrowDown, ArrowLeft, ArrowRight } from './icons';
 const arrows = { ArrowUp, ArrowDown, ArrowLeft, ArrowRight };
 
 const meta: Meta<Button> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   argTypes: {
     arrow: {

docs/snippets/angular/component-story-custom-params.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/component-story-disable-controls-alt.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 import { YourComponent } from './YourComponent.component';
 
 const meta: Meta<YourComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'YourComponent',
   component: YourComponent,
   argTypes: {
     // foo is the property we want to remove from the UI

docs/snippets/angular/component-story-disable-controls-regex.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 import { YourComponent } from './YourComponent.component';
 
 const meta: Meta<YourComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'YourComponent',
   component: YourComponent,
 };
 

docs/snippets/angular/component-story-disable-controls.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 import { YourComponent } from './YourComponent.component';
 
 const meta: Meta<YourComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'YourComponent',
   component: YourComponent,
   argTypes: {
     // foo is the property we want to remove from the UI

docs/snippets/angular/component-story-sort-controls.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from  from '@storybook/angular';
 import { YourComponent } from './YourComponent.component';
 
 const meta: Meta<YourComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'YourComponent',
   component: YourComponent,
   parameters: { controls: { sort: 'requiredFirst' } },
 };

docs/snippets/angular/component-story-static-asset-cdn.ts.mdx

@@ -6,22 +6,12 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'img',
   component: MyComponent,
 };
 
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-/*
- *👇 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
- * to learn how to use render functions.
- */
 export const WithAnImage: Story = {
   render: () => ({
     props: {

docs/snippets/angular/component-story-static-asset-with-import.ts.mdx

@@ -8,11 +8,6 @@ import { MyComponent } from './MyComponent.component';
 import imageFile from './static/image.png';
 
 const meta: Meta<MyComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'img',
   component: MyComponent,
 };
 

docs/snippets/angular/component-story-static-asset-without-import.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'img',
   component: MyComponent,
 };
 

docs/snippets/angular/component-story-with-accessibility.ts.mdx

@@ -6,10 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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 to learn how to generate automatic titles
-   */
-  title: 'Accessibility testing',
   component: Button,
   argTypes: {
     backgroundColor: { control: 'color' },

docs/snippets/angular/component-story-with-custom-render-function.ts.mdx

@@ -12,11 +12,6 @@ import { Layout } from './Layout.component';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'MyComponent',
   component: MyComponent,
   decorators: [
     moduleMetadata({

docs/snippets/angular/documentscreen-story-msw-graphql-query.ts.mdx

@@ -18,11 +18,6 @@ import { PageLayout } from './PageLayout.component';
 import { MockGraphQLModule } from './mock-graphql.module';
 
 const meta: Meta<DocumentScreen> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'DocumentScreen',
   component: DocumentScreen,
   decorators: [
     moduleMetadata({
@@ -56,30 +51,6 @@ const TestData = {
         'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
       status: 'approved',
     },
-    {
-      id: 2,
-      userID: 1,
-      title: 'Something else',
-      content:
-        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      status: 'awaiting review',
-    },
-    {
-      id: 3,
-      userID: 2,
-      title: 'Another document',
-      content:
-        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      status: 'approved',
-    },
-    {
-      id: 4,
-      userID: 2,
-      title: 'Something',
-      content:
-        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      status: 'approved',
-    },
   ],
 };
 

docs/snippets/angular/documentscreen-story-msw-rest-request.ts.mdx

@@ -8,7 +8,6 @@ import { rest } from 'msw';
 import { DocumentScreen } from './YourPage.component';
 
 const meta: Meta<DocumentScreen> = {
-  title: 'DocumentScreen',
   component: DocumentScreen,
 };
 
@@ -37,30 +36,6 @@ const TestData = {
         'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
       status: 'approved',
     },
-    {
-      id: 2,
-      userID: 1,
-      title: 'Something else',
-      content:
-        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      status: 'awaiting review',
-    },
-    {
-      id: 3,
-      userID: 2,
-      title: 'Another document',
-      content:
-        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      status: 'approved',
-    },
-    {
-      id: 4,
-      userID: 2,
-      title: 'Something',
-      content:
-        'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-      status: 'approved',
-    },
   ],
 };
 

docs/snippets/angular/gizmo-story-controls-customization.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 import { Gizmo } from './Gizmo.component';
 
 const meta: Meta<Gizmo> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Gizmo',
   component: Gizmo,
   argTypes: {
     canRotate: {

docs/snippets/angular/histogram-story.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 import { HistogramComponent } from './histogram.component';
 
 const meta: Meta<HistogramComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Histogram',
   component: HistogramComponent,
 };
 

docs/snippets/angular/list-story-expanded.ts.mdx

@@ -11,11 +11,6 @@ import { List } from './list.component';
 import { ListItem } from './list-item.component';
 
 const meta: Meta<List> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'List',
   component: List,
   decorators: [
     moduleMetadata({

docs/snippets/angular/list-story-reuse-data.ts.mdx

@@ -14,11 +14,6 @@ import { ListItem } from './list-item.component';
 import { Selected, Unselected } from './ListItem.stories';
 
 const meta: Meta<List> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'List',
   component: List,
   decorators: [
     moduleMetadata({

docs/snippets/angular/list-story-starter.ts.mdx

@@ -10,10 +10,6 @@ import { CommonModule } from '@angular/common';
 import { List } from './list.component';
 
 const meta: Meta<List> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
   component: List,
   decorators: [
     moduleMetadata({

docs/snippets/angular/loader-story.ts.mdx

@@ -12,11 +12,6 @@ import { CommonModule } from '@angular/common';
 import { TodoItem } from './TodoItem';
 
 const meta: Meta<TodoItem> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Examples/Loader',
   component: TodoItem,
   decorators: [
     moduleMetadata({

docs/snippets/angular/login-form-with-play-function.ts.mdx

@@ -10,11 +10,6 @@ import { expect } from '@storybook/jest';
 import { LoginForm } from './LoginForm.component';
 
 const meta: Meta<LoginForm> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Form',
   component: LoginForm,
 };
 

docs/snippets/angular/my-component-argtypes-with-mapping.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 import { MyComponent } from './MyComponent';
 
 const meta: Meta<MyComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'MyComponent',
   component: MyComponent,
   argTypes: {
     label: {

docs/snippets/angular/my-component-env-var-config.ts.mdx

@@ -7,11 +7,6 @@ import { MyComponent } from './MyComponent';
 
 // To apply a set of backgrounds to all stories of Button:
 const meta: Meta<MyComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'MyComponent',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-play-function-alt-queries.ts.mdx

@@ -8,7 +8,6 @@ import { userEvent, within } from '@storybook/testing-library';
 import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
-  title: 'QueryMethods',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-play-function-composition.ts.mdx

@@ -8,7 +8,6 @@ import { userEvent, within } from '@storybook/testing-library';
 import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
-  title: 'MyComponent',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-play-function-query-findby.ts.mdx

@@ -8,7 +8,6 @@ import { userEvent, within } from '@storybook/testing-library';
 import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
-  title: 'Async Query Methods',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-play-function-waitfor.ts.mdx

@@ -8,7 +8,6 @@ import { userEvent, waitFor, within } from '@storybook/testing-library';
 import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
-  title: 'WithAsync',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-play-function-with-canvas.ts.mdx

@@ -8,7 +8,6 @@ import { userEvent, within } from '@storybook/testing-library';
 import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
-  title: 'WithCanvasElement',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-play-function-with-clickevent.ts.mdx

@@ -8,7 +8,6 @@ import { fireEvent, userEvent, within } from '@storybook/testing-library';
 import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
-  title: 'ClickExamples',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-play-function-with-delay.ts.mdx

@@ -8,7 +8,6 @@ import { userEvent, within } from '@storybook/testing-library';
 import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
-  title: 'WithDelay',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-play-function-with-selectevent.ts.mdx

@@ -8,7 +8,6 @@ import { userEvent, within } from '@storybook/testing-library';
 import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
-  title: 'WithSelectEvent',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-story-basic-and-props.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Path/To/MyComponent',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-story-configure-viewports.ts.mdx

@@ -8,11 +8,6 @@ import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'MyComponent',
   component: MyComponent,
   parameters: {
     //👇 The viewports object from the Essentials addon

docs/snippets/angular/my-component-story-use-globaltype.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'MyComponent',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-story-with-nonstory.ts.mdx

@@ -8,11 +8,6 @@ import { MyComponent } from './MyComponent.component';
 import someData from './data.json';
 
 const meta: Meta<MyComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'MyComponent',
   component: MyComponent,
   includeStories: ['SimpleStory', 'ComplexStory'], // 👈 Storybook loads these stories
   excludeStories: /.*Data$/, // 👈 Storybook ignores anything that contains Data

docs/snippets/angular/my-component-story-with-storyname.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<Button> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Path/To/MyComponent',
   component: MyComponent,
 };
 

docs/snippets/angular/my-component-with-env-variables.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'MyComponent',
   component: MyComponent,
 };
 

docs/snippets/angular/page-story-slots.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 import { Page } from './page.component';
 
 const meta: Meta<Page> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Page',
   component: Page,
 };
 

docs/snippets/angular/page-story-with-args-composition.ts.mdx

@@ -11,7 +11,6 @@ import * as DocumentHeader from './DocumentHeader.stories';
 import * as DocumentList from './DocumentList.stories';
 
 const meta: Meta<DocumentScreen> = {
-  title: 'DocumentScreen',
   component: DocumentScreen,
 };
 

docs/snippets/angular/page-story.ts.mdx

@@ -15,11 +15,6 @@ import { Page } from './page.component';
 import * as HeaderStories from './Header.stories';
 
 const meta: Meta<Page> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Page',
   component: Page,
   decorators: [
     moduleMetadata({

docs/snippets/angular/register-component-with-play-function.ts.mdx

@@ -8,7 +8,6 @@ import { userEvent, within } from '@storybook/testing-library';
 import { RegistrationForm } from './RegistrationForm.component';
 
 const meta: Meta<RegistrationForm> = {
-  title: 'RegistrationForm',
   component: RegistrationForm,
 };
 

docs/snippets/angular/storybook-addon-a11y-component-config.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 import { MyComponent } from './MyComponent';
 
 const meta: Meta<MyComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Configure a11y addon',
   component: MyComponent,
   parameters: {
     a11y: {

docs/snippets/angular/storybook-addon-a11y-disable.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Disable a11y addon',
   component: MyComponent,
 };
 

docs/snippets/angular/storybook-addon-a11y-story-config.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Configure a11y addon',
   component: MyComponent,
 };
 

docs/snippets/angular/storybook-addon-backgrounds-configure-backgrounds.ts.mdx

@@ -7,11 +7,6 @@ import { Button } from './button.component';
 
 // To apply a set of backgrounds to all stories of Button:
 const meta: Meta<Button> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   parameters: {
     backgrounds: {

docs/snippets/angular/storybook-addon-backgrounds-configure-grid.ts.mdx

@@ -7,11 +7,6 @@ import { Button } from './button.component';
 
 // To apply a set of backgrounds to all stories of Button:
 const meta: Meta<Button> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   parameters: {
     backgrounds: {
@@ -19,8 +14,8 @@ const meta: Meta<Button> = {
         cellSize: 20,
         opacity: 0.5,
         cellAmount: 5,
-        offsetX: 16, // default is 0 if story has 'fullscreen' layout, 16 if layout is 'padded'
-        offsetY: 16, // default is 0 if story has 'fullscreen' layout, 16 if layout is 'padded'
+        offsetX: 16, // Default is 0 if story has 'fullscreen' layout, 16 if layout is 'padded'
+        offsetY: 16, // Default is 0 if story has 'fullscreen' layout, 16 if layout is 'padded'
       },
     },
   },

docs/snippets/angular/storybook-addon-backgrounds-disable-backgrounds.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/storybook-addon-backgrounds-disable-grid.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/storybook-addon-backgrounds-override-background-color.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/storybook-component-layout-param.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   // Sets the layout parameter component wide.
   parameters: {

docs/snippets/angular/storybook-customize-argtypes.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   argTypes: {
     label: {

docs/snippets/angular/storybook-interactions-play-function.ts.mdx

@@ -10,11 +10,6 @@ import { expect } from '@storybook/jest';
 import { Form } from './Form.component';
 
 const meta: Meta<Form> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'MyComponent',
   component: MyComponent,
   argTypes: {
     onSubmit: { action: true },

docs/snippets/angular/storybook-interactions-step-function.ts.mdx

@@ -8,7 +8,6 @@ import { userEvent, within } from '@storybook/testing-library';
 import { MyComponent } from './MyComponent.component';
 
 const meta: Meta<MyComponent> = {
-  title: 'MyComponent',
   component: MyComponent,
 };
 

docs/snippets/angular/storybook-story-layout-param.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 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
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
 };
 

docs/snippets/angular/table-story-fully-customize-controls.ts.mdx

@@ -6,11 +6,6 @@ import type { Meta, StoryObj } from '@storybook/angular';
 import { Table } from './Table.component';
 
 const meta: Meta<Table> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Custom Table',
   component: Table,
 };
 

docs/snippets/angular/your-component-with-decorator.ts.mdx

@@ -8,11 +8,6 @@ import type { Meta } from '@storybook/angular';
 import { YourComponent } from './your.component';
 
 const meta: Meta<YourComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'YourComponent',
   component: YourComponent,
   decorators: [componentWrapperDecorator((story) => `<div style="margin: 3em">${story}</div>`)],
 };

docs/snippets/angular/your-component.ts.mdx

@@ -7,11 +7,6 @@ import { YourComponent } from './your.component';
 
 //👇 This default export determines where your story goes in the story list
 const meta: Meta<YourComponent> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/angular/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'YourComponent',
   component: YourComponent,
 };
 

docs/snippets/common/app-story-with-mock.js.mdx

@@ -4,7 +4,6 @@
 import App from './App';
 
 export default {
-  title: 'App',
   component: App,
 };
 

docs/snippets/common/app-story-with-mock.ts-4-9.mdx

@@ -7,7 +7,6 @@ import type { Meta, StoryObj } from '@storybook/your-framework';
 import App from './App';
 
 const meta = {
-  title: 'App',
   component: App,
 } satisfies Meta<typeof App>;
 

docs/snippets/common/app-story-with-mock.ts.mdx

@@ -7,7 +7,6 @@ import type { Meta, StoryObj } from '@storybook/your-framework';
 import App from './App';
 
 const meta: Meta<typeof App> = {
-  title: 'App',
   component: App,
 };
 

docs/snippets/common/button-story-action-event-handle.js.mdx

@@ -6,11 +6,6 @@ import { Button } from './Button';
 import { withActions } from '@storybook/addon-actions/decorator';
 
 export default {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   parameters: {
     actions: {

docs/snippets/common/button-story-action-event-handle.ts-4-9.mdx

@@ -9,11 +9,6 @@ import { withActions } from '@storybook/addon-actions/decorator';
 import { Button } from './Button';
 
 const meta = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   parameters: {
     actions: {

docs/snippets/common/button-story-action-event-handle.ts.mdx

@@ -9,11 +9,6 @@ import { withActions } from '@storybook/addon-actions/decorator';
 import { Button } from './Button';
 
 const meta: Meta<typeof Button> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   parameters: {
     actions: {

docs/snippets/common/button-story-argtypes-with-categories.js.mdx

@@ -4,11 +4,6 @@
 import { Button } from './Button';
 
 export default {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   argTypes: {
     // Assigns the argTypes to the Colors category

docs/snippets/common/button-story-argtypes-with-categories.ts-4-9.mdx

@@ -7,11 +7,6 @@ import type { Meta } from '@storybook/your-framework';
 import { Button } from './Button';
 
 const meta = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Button',
   component: Button,
   argTypes: {
     // Assigns the argTypes to the Colors category