10 - 60
Visualizer
{ "value": "idle", "previousValue": "", "event": {}, "previousEvent": {}, "context": { "thumbSize": null, "thumbAlignment": "contain", "min": 0, "max": 100, "step": 1, "value": [ 10, 60 ], "origin": "start", "orientation": "horizontal", "dir": "ltr", "minStepsBetweenThumbs": 0, "disabled": false, "readOnly": false, "id": "0-0-0-0-0-0-1-1-0-0-0-0-0-3-0-0-0-0-0-0-0", "name": "quantity", "focusedIndex": -1, "fieldsetDisabled": false, "isHorizontal": true, "isVertical": false, "isRtl": false, "isDisabled": false, "isInteractive": true, "hasMeasuredThumbSize": false, "valuePercent": [ 10, 60 ] }, "done": false, "tags": [], "nextEvents": [ "POINTER_DOWN", "FOCUS", "THUMB_POINTER_DOWN", "SET_VALUE", "INCREMENT", "DECREMENT" ], "changed": false }