React Reference > ToolbarButton Component

<ToolbarButton />

使い方 

<Page
     renderToolbar = { () =>
      <Toolbar>
        <div className='left'><BackButton>Back</BackButton></div>
        <div className='center'>Input</div>
        <div className='right'>
          <ToolbarButton onClick={this.add} >Add</ToolbarButton>
        </div>
      </Toolbar>
     }>
      Page Content
    </Page>

Prop一覧

[編集]
名前 型 / デフォルト値 概要
modifier string The appearance of the button. （翻訳中） Optional.
disabled bool Indicates whether the button is disabled. （翻訳中） Optional.
icon string Creates an Icon component with this string. （翻訳中） Optional.
onClick func This function will be called when the button is clicked. （翻訳中） Optional.

プリセットのmodifier

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

お困りですか?

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

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

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