From 456f38721ee13022ca425da933dc9e76d9b7f146 Mon Sep 17 00:00:00 2001
From: metonym <ericyl.us@gmail.com>
Date: Wed, 12 Jan 2022 16:39:51 -1000
Subject: [PATCH] docs(toggle): add "Slottable labels" example

---
 docs/src/pages/components/Toggle.svx | 9 +++++++++
 1 file changed, 9 insertions(+)

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"]
 
 <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
 
 <Toggle labelText="Push notifications" disabled />