Slider

An input where the user selects a value from within a given range.

Installation

npx shadcn@latest add https://spoke.georgedrury.co.uk/r/slider

Lineage

Spoke utility classes

ClassFallback chainDescription
--slider-trackvar(--muted)Colour for track slider variant
--slider-track-radius9999pxBorder radius for track
--slider-rangevar(--primary)Colour for range slider variant
--slider-thumb-radius9999pxBorder radius for thumb
--slider-thumb-bordervar(--primary)Border colour for thumb slider variant
--slider-thumbvar(--background)Colour for thumb slider variant
--shadow-slider-thumbvar(--shadow-xs)Box shadow for slider thumb