storybook/docs/snippets/common/button-story-action-event-handle.ts.mdx
2022-11-30 20:25:47 +00:00

28 lines
653 B
Plaintext

```ts
// Button.stories.ts|tsx
import { Button } from './Button';
import { withActions } from '@storybook/addon-actions/decorator';
// Replace your-framework with the name of your framework
import type { Meta } from '@storybook/your-framework';
const meta: Meta<typeof Button> = {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docs/7.0/react/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'Button',
component: Button,
parameters: {
actions: {
handles: ['mouseover', 'click .btn'],
},
},
decorators: [withActions],
};
export default meta;
```