OnsRange Directive (ons-range)

Angular directive for <ons-range> component.

Range input component. Used to display a draggable slider. Works very similar to the <input type="range"> element.

Tutorial

Tutorial will be added soon.

See also

Name Type Description
disabled Whether the element is disabled or not. Optional.
Name Description
disabled Whether the element is disabled or not.
value Current value.
Name Description
material Material Design slider
Signature Description
focus() Focuses the range.
blur() Removes focus from the range.
focus()

Focuses the range.

blur()

Removes focus from the range.

Inputs

Name Type Description
value Input value of the <ons-range> element..

Outputs

Name Type Description
valueChange Triggers when the value is changed.

Need Help?

If you have any questions, use our Community Forum or talk to us on Discord chat. The Onsen UI team and your peers in the community will work together to help solve your issues.

For bug reports and feature requests use our GitHub Issues page.