```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, //👇 Creates specific argTypes argTypes: { backgroundColor: { control: 'color' }, }, } as Meta; //👇 Some function to demonstrate the behavior const someFunction = (someValue: string) => { return `i am a ${someValue}`; }; export const ExampleStory: Story = (args) => { //👇 Destructure the label from the args object const { label } = args; //👇 Assigns the function result to a variable and pass it as a prop into the component const functionResult = someFunction(label); return { props: { ...args, label: functionResult, }, }; }; ExampleStory.args = { primary: true, size: 'small', label: 'button', }; ```