Provides user selection from a range of values.
This component inherits props from the Slider primitive and supports common margin props.
Prop | Type | Default |
---|---|---|
size | Responsive<"1" | "2" | "3"> | "2" |
variant | "classic" | "surface" | "soft" | "surface" |
color | enum | |
highContrast | boolean | |
radius | "none" | "small" | "medium" | "large" | "full" |
Use the size
prop to control the size.
Use the variant
prop to control the visual style.
Currently, we recommend using only the surface
and soft
variant following the ScaleUI Radix design system.
Use the radius
prop to assign a specific radius value.
Provide multiple values to create a range slider.