Skip to content
Component

Slider

Single-value range slider (wraps Base UI Slider).

Basic

Volume
40

Sizes

Small
60
Medium (default)
60
Large
60
  • size accepts sm | md (default) | lg, scaling both the track and thumb.

API reference

value / defaultValueNone
number

Controlled or initial numeric value.

min / max / stepNone
number

Allowed range and increment.

showValuefalse
boolean

Displays the current numeric value.

tone"default"
ComponentTone

Color of the filled track.

size"md"
"sm" | "md" | "lg"

Scales both the track height and thumb size.

classNameNone
string

Additional classes applied to the component root.