storybook/docs/snippets/web-components/button-story-using-args.ts.mdx
Kyle Gach b97d94e005 Address feedback
- Newline following filename comment
- Fix URLs in comments
- Ensure consistent usage of `ts` vs `tsx` language
2023-01-12 14:17:39 -07:00

37 lines
555 B
Plaintext

```ts
// Button.stories.ts
import type { Meta, StoryObj } from '@storybook/web-components';
import { Button } from './Button';
const meta: Meta = {
title: 'Button',
component: 'demo-button',
};
export default meta;
type Story = StoryObj;
export const Primary: Story = {
args: {
background: '#ff0',
label: 'Button',
},
};
export const Secondary: Story = {
args: {
...Primary.args,
label: '😄👍😍💯',
},
};
export const Tertiary: Story = {
args: {
...Primary.args,
label: '📚📕📈🤓',
},
};
```