View Source Improve this doc

ons-toolbar-button

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

Usage # 

<ons-toolbar>
  <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>
</ons-toolbar>

Live Example #

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

Open in New Window

See also #

Attributes #

Name Type
Default Value		 Description
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 #