mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-05 08:01:20 +08:00
29 lines
829 B
Plaintext
29 lines
829 B
Plaintext
```js
|
|
// Button.stories.js | Button.stories.jsx | Button.stories.ts | Button.stories.tsx
|
|
|
|
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',
|
|
}
|
|
}
|
|
},
|
|
},
|
|
};
|
|
``` |