Back button component for <ons-toolbar>
. Put it in the left part of the <ons-toolbar>
.
It will find the parent <ons-navigator>
element and pop a page when clicked. This behavior can be overriden by specifying the onClick
property and calling event.preventDefault in its callback.
Stack navigation is done by OnsNavigator
directive. For more details, please see OnsNavigator Reference.
Tutorial contents will be added soon.
Name | Type | Description |
---|---|---|
modifier | String | The appearance of the back button. Optional. |
Name | Description |
---|---|
options | Options object. |
options.animation |
Animation name. Available animations are “slide”, “lift”, “fade” and “none”. These are platform based animations. For fixed animations, add “-ios” or “-md” suffix to the animation name. E.g. “lift-ios”, “lift-md”. Defaults values are “slide-ios” and “fade-md”. |
options.animationOptions |
Specify the animation’s duration, delay and timing. E.g. {duration: 0.2, delay: 0.4, timing: 'ease-in'}
|
options.callback | Function that is called when the transition has ended. |
onClick | Used to override the default back button behavior. |
Name | Description |
---|---|
material | Material Design style |
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.