```ts // Button.stories.ts import { Meta, Story } 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: Story = (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: 'πŸ“šπŸ“•πŸ“ˆπŸ€“', }; ```