The duration that it takes for the slider animation to complete for a new value. This is just used to help make things look smoother while dragging compared to jumping to new values.
Boolean if the slider is disabled and the values cannot be changed.
Boolean if the slider should act as a discrete slider which will render a tooltip above the thumb while dragging to visualize the current value for the slider.
The max value for the slider.
The min value for the slider.
Boolean if the slider is rendered vertically instead of horizontally.
A function that is used to help with accessibility by creating a better value string if just a number isn't representative enough of your range.
Example:
const [value, controls] = useSlider(0, {
// format to be `$100`, etc
getValueText: value => `$${value}`,
});
return <Slider baseId="price-slider" label="Price" {...controls} />;
Generated using TypeDoc
@since 2.5.0