docs: #2832 range with custom color (#2866)

saadeghi · Feb 24, 2024 · f0bf8b7 · f0bf8b7
1 parent 32ce5dd
commit f0bf8b7
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/docs/src/routes/(docs)/components/range/+page.svelte.md b/src/docs/src/routes/(docs)/components/range/+page.svelte.md
@@ -126,3 +126,10 @@ data="{[
 <input type="range" min="0" max="100" value="70" class="$$range $$range-lg" />`
 }</pre>
 </Component>
+
+<Component title="Range with custom color">
+<input type="range" min="0" max="100" value="40" class="range [--range-shdw:yellow] max-w-xs" />
+<pre slot="html" use:replace={{ to: $prefix }}>{
+`<input type="range" min="0" max="100" value="40" class="$$range $$[--range-shdw:yellow]" />`
+}</pre>
+</Component>