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

20 lines
506 B
Plaintext

```ts
// Button.stories.ts
import type { Meta } from '@storybook/web-components';
const meta: Meta = {
component: 'demo-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' } },
},
};
export default meta;
```