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

```ts
// Button.stories.ts

import type { Meta, StoryFn } from '@storybook/angular';

import { Button } from './button.component';

export default {
  /* 👇 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,
} as Meta;


//👇 We create a “template” of how args map to rendering
const Template: StoryFn = (args) => ({
  props: args,
});

// 👇 Each story then reuses that template
export const Primary= Template.bind({});
Primary.args = {
  label: 'Button',
  backgroundColor: '#ff0',
};


export const Secondary= Template.bind({});
Secondary.args = {
  args: {
    ...Primary.args,
    label: '😄👍😍💯',
  },
};


export const Tertiary= Template.bind({});
Tertiary.args={
  ...Primary.args,
  label: '📚📕📈🤓',
};
```