Range input with brand-color track.
Single-thumb range slider. Brand-color filled track. Value rendered inline as a small badge so users see the exact number while dragging.
import { Slider } from "@/components/ui/slider";
<Slider value={v} onValueChange={setV} min={0} max={100} step={1} />components/ui/ folder. You own the code.