AI-generated Key Takeaways
-
A
ui.Slideris a draggable target that ranges linearly between two numeric values, displaying its current value as a label. -
It can be configured with minimum and maximum values, an initial value, and a step size for increments.
-
The slider supports an
onChangecallback function that triggers when its value changes. -
You can set the slider's direction to horizontal or vertical, and it can also be disabled.
-
Custom CSS styles can be applied to the slider widget using the
styleargument.
| Usage | Returns |
|---|---|
ui.Slider(min, max, value, step, onChange, direction, disabled, style) | ui.Slider |
| Argument | Type | Details |
|---|---|---|
min | Number, optional | The minimum value. Defaults to 0. |
max | Number, optional | The maximum value. Defaults to 1. |
value | Number, optional | The initial value. Defaults to 0. |
step | Number, optional | The step size for the slider. Defaults to 0.01. |
onChange | Function, optional | A callback to fire when the slider's state changes. The callback is passed the slider's current value and the slider widget. |
direction | String, optional | The direction of the slider. One of 'horizontal' or 'vertical'. Defaults to 'horizontal'. |
disabled | Boolean, optional | Whether the slider is disabled. Defaults to false. |
style | Object, optional | An object of allowed CSS styles with their values to be set for this widget. See style() documentation. |