mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-10 00:12:22 +08:00
51 lines
1.3 KiB
Markdown
51 lines
1.3 KiB
Markdown
<!-- prettier-ignore -->
|
|
```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} />
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```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} />
|
|
```
|
|
|
|
<!-- prettier-ignore -->
|
|
```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} />
|
|
```
|