<Toolbar />

使い方

<Page renderToolbar={() =>
  <Toolbar>
    <div className="left">
      <BackButton>
          Back
      </BackButton>
    </div>
    <div className="center">
      Title
    </div>
    <div className="right">
      <ToolbarButton>
        <Icon icon="md-menu" />
      </ToolbarButton>
    </div>
  </Toolbar> }
/>

Prop一覧

名前 型 / デフォルト値 概要
modifier string Specify modifier name to specify custom styles. Optional. (翻訳中) Optional.
visible bool If true, the toolbar is shown on the screen. Otherwise, the toolbar is not shown. (翻訳中) Optional.

プリセットのmodifier

Name 概要
material Material Design toolbar. (翻訳中)
transparent 透明な背景を持つツールバーを表示します。
cover-content Displays the toolbar on top of the page’s content. Should be combined with transparent modifier. (翻訳中)
noshadow ツールバーに影を付けずに表示します。

お困りですか?

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

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

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