storybook/docs/snippets/common/gizmo-story-controls-customization.mdx.mdx
2022-03-11 15:50:03 +00:00

71 lines
1.2 KiB
Plaintext

```md
<!-- Gizmo.stories.mdx -->
import { Meta } from '@storybook/addon-docs';
import { Gizmo } from './Gizmo';
<Meta
title="Gizmo"
component={Gizmo}
argTypes={{
canRotate: {
control:'boolean',
},
width: {
control: {
type: 'number',
min: 400,
max: 1200,
step: 50,
},
},
height: {
control: {
type: 'range',
min: 200,
max: 1500,
step: 50,
},
},
rawData: {
control: 'object',
},
coordinates: {
control: 'object',
},
texture: {
control: {
type: 'file',
accept: '.png',
}
},
position: {
control: 'radio',
options: ['left', 'right', 'center'],
},
rotationAxis: {
control: {
type: 'check',
options: ['x', 'y', 'z'],
},
},
scaling: {
control: 'select',
options: [10, 50, 75, 100, 200],
},
label: {
control: 'text',
},
meshColors: {
control: {
type: 'color',
presetsColors: ['#ff0000', '#00ff00', '#0000ff'],
},
},
revisionDate: {
control: 'date',
},
}}
/>
```