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. |
