ui.Slider
Stay organized with collections
Save and categorize content based on your preferences.
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. |
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2023-10-06 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]