ons-toolbar-button

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

実例

The `<ons-page>` element

The root of a page in Onsen UI is created using the <ons-page> element. It covers the whole screen and is used as a container for the other elements. When managing multiple views, all of them must be contained in <ons-page> element.

<ons-page>
  Content goes here
</ons-page>

This element automatically spawns a background and a content elements. These can also be manually provided for higher customizability:

<ons-page>
  Toolbar here

  <div class="background"></div>

  <div class="content">
    Scrollable content here
  </div>

  Fixed content here
</ons-page>

Since content element is transparent by default, we can add custom colors to the background element. Notice that, if content element is provided, scrollable and fixed content must be manually separated as well.

属性

[編集]

名前	型 / デフォルト値	概要
modifier	String	ボタンの表現を指定します。 Optional.
icon	String	`ons-icon`コンポーネントを悪性します。 Optional.
disabled		ボタンを無効化する場合は指定してください。 Optional.
var	String	このボタンを参照するための名前を指定します。 Optional. 初期化時のみ有効

プロパティ概要

[編集]

名前	概要
disabled	無効化されている場合に`true`。

プリセットのmodifier

[編集]

Name	概要
material	Material Design toolbar button. （翻訳中）
outline	アウトラインをもったボタンを表示します。

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。