mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 15:31:16 +08:00
14 lines
495 B
Plaintext
14 lines
495 B
Plaintext
To use auto-detected controls with React, you must fill in the `component` field in your story metadata:
|
|
|
|
```ts
|
|
import { Button } from './Button';
|
|
|
|
export default {
|
|
title: 'Button',
|
|
component: Button,
|
|
};
|
|
```
|
|
|
|
|
|
Storybook uses this to auto-generate the `ArgTypes` for your component based on either `PropTypes` (using [`react-docgen`](https://github.com/reactjs/react-docgen)) or `TypeScript` types (using [`react-docgen-typescript`](https://github.com/styleguidist/react-docgen-typescript)).
|