docs: add toggle custom color example

saadeghi · Dec 8, 2023 · 441662c · 441662c
1 parent 7ae8f6f
commit 441662c
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/docs/src/routes/(docs)/components/toggle/+page.svelte.md b/src/docs/src/routes/(docs)/components/toggle/+page.svelte.md
@@ -158,3 +158,10 @@ data="{[
 <input type="checkbox" class="$$toggle" id="my-toggle" />`
 }</pre>
 </Component>
+
+<Component title="Toggle with custom color">
+<input type="checkbox" class="toggle [--tglbg:yellow] bg-blue-500 hover:bg-blue-700 border-blue-500" checked />
+<pre slot="html" use:replace={{ to: $prefix }}>{
+`<input type="checkbox" class="$$toggle [--tglbg:yellow] bg-blue-500 hover:bg-blue-700 border-blue-500" checked />`
+}</pre>
+</Component>