From ece62887e2438075e8bf38a28884208d98fe81df Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Tue, 26 Jul 2022 07:07:40 -0700
Subject: [PATCH] docs(toggle): add "Hidden label text" example

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

diff --git a/docs/src/pages/components/Toggle.svx b/docs/src/pages/components/Toggle.svx
index dbdca10c..0ace0682 100644
--- a/docs/src/pages/components/Toggle.svx
+++ b/docs/src/pages/components/Toggle.svx
@@ -23,6 +23,12 @@ components: ["Toggle", "ToggleSkeleton"]
 
 <Toggle labelText="Push notifications" on:toggle={e => console.log(e.detail)} />
 
+### Hidden label text
+
+Set `hideLabel` to `true` to visually hide the label text. It's recommended to still specify `labelText` for screen reader accessibility.
+
+<Toggle labelText="Push notifications" hideLabel />
+
 ### Custom labels
 
 <Toggle labelText="Push notifications" labelA="No" labelB="Yes" />