storybook/docs/snippets/common/component-story-conditional-controls-toggle.js.mdx
2023-05-25 21:04:33 +01:00

18 lines
457 B
Plaintext

```js
// Button.stories.js|jsx
import { Button } from './Button';
export default {
component: Button,
argTypes: {
label: { control: 'text' }, // Always shows the control
advanced: { control: 'boolean' },
// Only enabled if advanced is true
margin: { control: 'number', if: { arg: 'advanced' } },
padding: { control: 'number', if: { arg: 'advanced' } },
cornerRadius: { control: 'number', if: { arg: 'advanced' } },
},
};
```