Skip to content

Range

Semantic color applied as range-{token} (e.g. range-primary).

Maximum allowed value. Defaults to 100.

Minimum allowed value. Defaults to 0.

Size of the slider thumb: Small → range-sm, Medium → range-md, Large → range-lg.

Granularity of each step. Defaults to 1.

Current value of the range input.

Raised when the user moves the slider.