ui.Slider

AI-generated Key Takeaways

• A ui.Slider is 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 onChange callback 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 style argument.

A draggable target that ranges linearly between two numeric values. The value of the slider is displayed as a label alongside it.

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.