Add toggle switch example

Author: bendera

src/content/docs/components/checkbox.mdx

@@ -62,3 +62,17 @@ import Imports from "@components/examples/checkbox/Imports.astro";
     ```
   </Fragment>
 </Demo>
+
+## Toggle switch
+
+Toggle switches are typically used to enable or disable functions with immediate effect, while
+checkboxes often require a separate action (like a submit button) to apply changes.
+
+<Demo>
+  <vscode-checkbox toggle>Toggle switch</vscode-checkbox>
+  <Fragment slot="html">
+    ```html "toggle"
+    <vscode-checkbox toggle>Toggle switch</vscode-checkbox>
+    ```
+  </Fragment>
+</Demo>