Range

Slider control for selecting values within a specified range
Class Reference

Basic

Basic Range

Default range slider

With Steps

|||||
12345

Variants

Color Variants

Size Variants

Custom Color

Range with custom color using CSS variables

Class Reference

Class Type Description
range Component Base range class
range-primary Color Primary color variant
range-secondary Color Secondary color variant
range-accent Color Accent color variant
range-neutral Color Neutral color variant
range-info Color Info color variant
range-success Color Success color variant
range-warning Color Warning color variant
range-error Color Error color variant
range-xs Size Extra small size
range-sm Size Small size
range-md Size Medium size (default)
range-lg Size Large size
range-xl Size Extra large size
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub