Button component for ons-toolbar and ons-bottom-toolbar.

Usage #

  <div class="left"><ons-toolbar-button>Button</ons-toolbar-button></div>
  <div class="center">Title</div>
  <div class="right"><ons-toolbar-button><ons-icon icon="ion-navion" size="28px"></ons-icon></ons-toolbar-button></div>

Live Example #

See the Pen Alert, confirm and prompt dialogs by Onsen & Monaca (@onsen) on CodePen.

See also #

Attributes #

Name Type
Default Value
var String Variable name to refer this buttom. Optional
modifier String The appearance of the button. Optional
disabled Specify if button should be disabled. Optional

Preset Modifiers #

Modifier Description
outline A button with an outline.

Discussion #