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 @@
- {labelA}
+
+ {labelA}
+
- {labelB}
+
+ {labelB}
+
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: {} }
> {}