mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 05:51:07 +08:00
33 lines
956 B
Plaintext
33 lines
956 B
Plaintext
```js
|
|
// Button.stories.js|jsx|ts|tsx
|
|
|
|
import { Button } from './Button';
|
|
import { ArrowUp, ArrowDown, ArrowLeft, ArrowRight } from './icons';
|
|
|
|
const arrows = { ArrowUp, ArrowDown, ArrowLeft, ArrowRight };
|
|
|
|
export default {
|
|
/* 👇 The title prop is optional.
|
|
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
|
|
* to learn how to generate automatic titles
|
|
*/
|
|
title: 'Button',
|
|
component: Button,
|
|
argTypes: {
|
|
arrow: {
|
|
options: Object.keys(arrows), // An array of serializable values
|
|
mapping: arrows, // Maps serializable option values to complex arg values
|
|
control: {
|
|
type: 'select', // Type 'select' is automatically inferred when 'options' is defined
|
|
labels: {
|
|
// 'labels' maps option values to string labels
|
|
ArrowUp: 'Up',
|
|
ArrowDown: 'Down',
|
|
ArrowLeft: 'Left',
|
|
ArrowRight: 'Right',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
``` |