diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 7e8955e5..6d73a94c 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -4426,6 +4426,8 @@ export type CarbonTheme = "white" | "g10" | "g80" | "g90" | "g100"; | Slot name | Default | Props | Fallback | | :-------- | :------ | :---- | :----------------------- | +| labelA | No | -- | {labelA} | +| labelB | No | -- | {labelB} | | labelText | No | -- | {labelText} | ### Events diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index f67e0c4c..8e0845d3 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -12440,6 +12440,18 @@ } ], "slots": [ + { + "name": "labelA", + "default": false, + "fallback": "{labelA}", + "slot_props": "{}" + }, + { + "name": "labelB", + "default": false, + "fallback": "{labelB}", + "slot_props": "{}" + }, { "name": "labelText", "default": false, diff --git a/docs/src/pages/components/Toggle.svx b/docs/src/pages/components/Toggle.svx index b5ea1262..dbdca10c 100644 --- a/docs/src/pages/components/Toggle.svx +++ b/docs/src/pages/components/Toggle.svx @@ -27,6 +27,15 @@ components: ["Toggle", "ToggleSkeleton"] +### Slottable labels + +An alternative to the "labelA" and "labelB" props is to use the corresponding named slots. + + + No + Yes + + ### Disabled diff --git a/src/Toggle/Toggle.svelte b/src/Toggle/Toggle.svelte index 02c6e4f2..2ef58b0e 100644 --- a/src/Toggle/Toggle.svelte +++ b/src/Toggle/Toggle.svelte @@ -81,10 +81,14 @@ diff --git a/types/Toggle/Toggle.svelte.d.ts b/types/Toggle/Toggle.svelte.d.ts index 78c4ebaa..c756b5c4 100644 --- a/types/Toggle/Toggle.svelte.d.ts +++ b/types/Toggle/Toggle.svelte.d.ts @@ -64,5 +64,5 @@ export default class Toggle extends SvelteComponentTyped< focus: WindowEventMap["focus"]; blur: WindowEventMap["blur"]; }, - { labelText: {} } + { labelA: {}; labelB: {}; labelText: {} } > {}