React Reference > BackButton Component

<BackButton />

Back button component for Toolbar. It enables to automatically to pop the top page of the navigator. When only presented with one page, the button is hidden automatically.

The default behavior can be overridden using the onClick prop.

Usage 

<Toolbar modifier={this.props.modifier} >
      <div className="left"><BackButton modifier={this.props.modifier}>Back</BackButton></div>
      <div className="center">{this.props.title}</div>
   </Toolbar>

Props

[improve this]
Name Type Description
modifier string The appearance of the back button. Optional.
onClick func This function will be called when the button is clicked. To prevent the default click behaviour, call event.preventDefault(). Optional.
options shape Specifies the animation, animationOptions, and callback. Optional.

Preset Modifiers

[improve this]
Name Description
material Material Design style

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.