Registry Index
ComponentReactregistry:ui

Slider

slider

Range slider on radix-ui with 4 tones (neutral, brand, success, danger) coloring the range and thumb, and 3 sizes (sm, md, lg) for the track and thumb. Supports single and multi-thumb, horizontal and vertical.

This item declares no source files.

Notes from the author

Pass value/defaultValue as an array; the number of thumbs follows its length. tone conveys intent (brand for primary controls, danger for destructive ranges).
1 example

See it in use

Used by 1 item

Built on Slider

Other @ai2 items that list this one as a dependency.

@ai2

More from @ai2