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

38 lines
733 B
Plaintext

```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,
};
export const Primary: StoryFn = () => ({
props: {
label: 'Button',
backgroundColor: '#ff0',
},
});
export const Secondary: StoryFn = () => ({
props: {
label: '😄👍😍💯',
backgroundColor: '#ff0',
},
});
export const Tertiary: StoryFn = () => ({
props: {
label: '📚📕📈🤓',
backgroundColor: '#ff0',
},
});
```