Slider

Thin track with ink fill and 14px thumb.

Ink

Density

Install

npx @noordvc/raster-cli add slider

Markup

<div class="rs-slider"><span class="rs-slider-fill" style="width:62%"></span><span class="rs-slider-thumb" style="left:62%"></span></div>

React

import { Slider } from "@/components/raster/slider";

<Slider value={volume} onValueChange={setVolume} aria-label="Volume" />

Classes

.rs-slider.rs-slider-fill.rs-slider-thumb