React Reference > Range Component

<Range />

Range input component.

Usage 

<Range modifier="material"
  value={this.state.value}
  onChange={(event) => this.setState({value: parseInt(event.target.value)})}
  />

Props

[improve this]
Name Type Description
modifier string The appearance of the progress indicator. Optional.
onChange func Called when the value of the input changes. Optional.
onInput func Called when the inner range fires an input event. Optional.
value number Current value of the element. Optional.
value number Default value of the element (for uncontrolled components). Optional.
disabled bool If true, the element is disabled. Optional.

Preset Modifiers

[improve this]
Name Description
material Material Design slider

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.