```ts // Button.stories.ts import type { Meta, Story } from '@storybook/angular'; import { Button } from './button.component'; export default { /* 👇 The title prop is optional. * See https://storybook.js.org/docs/7.0/angular/configure/overview#configure-story-loading * to learn how to generate automatic titles */ title: 'Button', component: Button, } as Meta; /* *👇 Render functions are a framework specific feature to allow you control on how the component renders. * See https://storybook.js.org/docs/7.0/angular/api/csf * to learn how to use render functions. */ export const Primary: Story = { args: { label: 'Button', backgroundColor: '#ff0', }, }; export const Secondary: Story = { args: { ...Primary.args, label: '😄👍😍💯', }, }; export const Tertiary: Story = { args: { ...Primary.args, label: '📚📕📈🤓', }, }; ```