mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-07 05:31:05 +08:00
30 lines
768 B
Plaintext
30 lines
768 B
Plaintext
```js
|
|
// Button.stories.js
|
|
|
|
import { Button } from './button';
|
|
import { ArrowUp, ArrowDown, ArrowLeft, ArrowRight } from './icons';
|
|
|
|
const arrows = { ArrowUp, ArrowDown, ArrowLeft, ArrowRight };
|
|
|
|
export default {
|
|
component: Button,
|
|
title: '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',
|
|
}
|
|
}
|
|
},
|
|
},
|
|
};
|
|
```
|