stable css 1.3.1 · js 1.2.0

range

Flat range slider (single + dual-thumb): dynamic colored fill, number output, marks, ARIA, vertical (CSS), opt-in ticks (.ng-range-ticks), hue/alpha colorpicker (formats hex|rgb|css-rgb|css-rgba|cmyk + copy). data-jump=step.

Component info

Name	`range`
Type	`css+js`
Version	`css 1.3.1 · js 1.2.0`
Status	`stable`
CSS	`/assets/css/components/_ng_range.scss`
JS	`/assets/js/ng_range.js`

Classes

.ng-label.ng-range.ng-range-.ng-range-alpha.ng-range-dual.ng-range-hue.ng-range-input.ng-range-lg.ng-range-marks.ng-range-output.ng-range-sm.ng-range-ticks.ng-range-track.ng-range-vertical

Tokens

--ng-range-alpha-color--ng-range-checker-a--ng-range-checker-b--ng-range-checker-size--ng-range-disabled-opacity--ng-range-fill--ng-range-fill-bg--ng-range-length--ng-range-marks-color--ng-range-max--ng-range-min--ng-range-output-color--ng-range-step-pct--ng-range-thumb-bg--ng-range-thumb-border--ng-range-thumb-size--ng-range-tick-color--ng-range-tick-w--ng-range-track-bg--ng-range-track-h

Events

ng:range:changeng:range:copyng:range:copy-errorng:range:input