mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 19:46:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

add example usage to Checkbox docs

Browse source
This commit is contained in:
Moritz Bischof 2021-05-04 19:24:27 +02:00
commit eb8ca16a14
1 changed files with 30 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

30
docs/src/pages/components/Checkbox.svx
View file

@ -1,8 +1,38 @@
<script> <script>
import { Checkbox } from "carbon-components-svelte"; import { Checkbox } from "carbon-components-svelte";
import Preview from "../../components/Preview.svelte"; import Preview from "../../components/Preview.svelte";
import Playground from "../../components/playground/Playground.svelte";
</script> </script>
<Playground
component={Checkbox}
props={{
labelText: {
component: "TextInput",
props: { value: "Label text", labelText: "Label" }
},
checked: {
component: "Checkbox",
props: { labelText: "Checked" }
},
indeterminate: {
component: "Checkbox",
props: { labelText: "Indeterminate" }
},
hideLabel: {
component: "Checkbox",
props: { labelText: "Hide label" }
},
disabled: {
component: "Checkbox",
props: { labelText: "Disabled" }
},
skeleton: {
component: "Checkbox",
props: { labelText: "Skeleton" }
},
}} />
### Default (unchecked) ### Default (unchecked)
<Checkbox labelText="Label text" /> <Checkbox labelText="Label text" />