mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 12:23:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(toggle): add "Slottable labels" example

Browse source
This commit is contained in:
metonym 2022-01-12 16:39:51 -10:00
commit 456f38721e
1 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
docs/src/pages/components/Toggle.svx
View file

@ -27,6 +27,15 @@ components: ["Toggle", "ToggleSkeleton"]
<Toggle labelText="Push notifications" labelA="No" labelB="Yes" /> <Toggle labelText="Push notifications" labelA="No" labelB="Yes" />
### Slottable labels
An alternative to the "labelA" and "labelB" props is to use the corresponding named slots.
<Toggle labelText="Push notifications">
<span slot="labelA" style="color: red">No</span>
<span slot="labelB" style="color: green">Yes</span>
</Toggle>
### Disabled ### Disabled
<Toggle labelText="Push notifications" disabled /> <Toggle labelText="Push notifications" disabled />