mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-08 11:11:53 +08:00
48 lines
1.2 KiB
Markdown
48 lines
1.2 KiB
Markdown
```mdx filename="Checkbox.mdx" renderer="common" language="mdx"
|
|
import { Canvas, Meta } from '@storybook/blocks';
|
|
|
|
import * as CheckboxStories from './Checkbox.stories';
|
|
|
|
<Meta of={CheckboxStories} />
|
|
|
|
# Checkbox
|
|
|
|
A checkbox is a square box that can be activated or deactivated when ticked.
|
|
|
|
Use checkboxes to select one or more options from a list of choices.
|
|
|
|
<Canvas of={CheckboxStories.Unchecked} />
|
|
```
|
|
|
|
```mdx filename="Checkbox.mdx" renderer="svelte" language="mdx" tabTitle="Svelte CSF"
|
|
import { Canvas, Meta } from '@storybook/blocks';
|
|
|
|
import * as CheckboxStories from './Checkbox.stories.svelte';
|
|
|
|
<Meta of={CheckboxStories} />
|
|
|
|
# Checkbox
|
|
|
|
A checkbox is a square box that can be activated or deactivated when ticked.
|
|
|
|
Use checkboxes to select one or more options from a list of choices.
|
|
|
|
<Canvas of={CheckboxStories.Unchecked} />
|
|
```
|
|
|
|
```mdx filename="Checkbox.mdx" renderer="svelte" language="mdx" tabTitle="CSF"
|
|
import { Canvas, Meta } from '@storybook/blocks';
|
|
|
|
import * as CheckboxStories from './Checkbox.stories';
|
|
|
|
<Meta of={CheckboxStories} />
|
|
|
|
# Checkbox
|
|
|
|
A checkbox is a square box that can be activated or deactivated when ticked.
|
|
|
|
Use checkboxes to select one or more options from a list of choices.
|
|
|
|
<Canvas of={CheckboxStories.Unchecked} />
|
|
```
|