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

2024-02-24 06:44:10 +05:30 · 2024-02-24 06:44:10 +05:30 · f0bf8b7c98
parent 32ce5dd500
commit f0bf8b7c98
1 changed files with 7 additions and 0 deletions
--- 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>