View Source Improve this doc

ons-toolbar-button

ons-toolbarあるいはons-bottom-toolbarに設置できるボタン用コンポーネントです。

使い方 # 

<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>

実例 #

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

Open in New Window

関連情報 #

属性 #

名前 型 / デフォルト値 概要
var String このボタンを参照するための名前を指定します。 Optional
modifier String ボタンの表現を指定します。 Optional
disabled ボタンを無効化する場合は指定してください。 Optional

プリセットのmodifier #

Modifier名 概要
outline アウトラインをもったボタンを表示します。

議論 #