Components / UI components / Forms
FormsExperimental alpha
Slider
A controlled numeric range with named thumbs and keyboard adjustments.
Slider preview
Loading example…
Interactions use local sample data.
Usage and props
Supply meaningful units and bounds. Name each thumb for a multi-value range; reserve persistence for the host callback.
Supported inputs
This is the public signature used by this example. Open Code to see how the values and callbacks fit together.
value: number[] · onValueChange? · onValueCommit? · min? · max? · step? · thumbLabels? · getValueLabel?These are the main props for the example. The package's TypeScript declarations include the full API.