Skip to main content

Function: Slider()

Slider<T>(__namedParameters): Element

Defined in: components/Slider/Slider.tsx:196

A semantic slider built on React Aria's Slider — select one value (or a range) along a track. Entity = Input → reads vars.colors.input.primary.*. Supports minValue/maxValue/step, orientation, locale-aware formatOptions, and multiple thumbs (pass an array value for a range). Keyboard + RTL handling come from React Aria.

Type Parameters

Type ParameterDefault type
T extends number | number[]number

Parameters

ParameterType
__namedParametersSliderProps<T>

Returns

Element

Example

<Slider label="Volume" defaultValue={50} />
<Slider label="Price" defaultValue={[20, 80]} formatOptions={{ style: 'currency', currency: 'USD' }} />