ons-tab

タブバーに配置される各アイテムのコンポーネントです。それぞれのons-tabはページを表します。 ons-tab要素の中には、タブに表示されるコンテンツを直接記述することが出来ます。

実例

関連情報

属性

名前 型 / デフォルト値 概要
page String ons-tabが参照するページへのURLを指定します。 Optional. 初期化時のみ有効
icon String

アイコン名を指定します。ons-iconと同じアイコン名を指定できます。 個別にアイコンをカスタマイズする場合は、background-imageなどのCSSスタイルを用いて指定できます。

Optional.
active-icon String アクティブの際のアイコン名を指定します。 Optional.
label String アイコン下に表示されるラベルを指定します。 Optional.
badge String バッジに表示する内容を指定します。 Optional.
active This attribute should be set to the tab that is active by default. (翻訳中) Optional.

議論

お困りですか?

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

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

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