Clayナビゲーションバー

ドロップダウンメニューと同様に、ナビゲーションバーにはナビゲーション項目のリストが表示されます。 主な違いは、ナビゲーションバーは水平バーに表示され、すべてのナビゲーション項目が常に表示されることです。また、ナビゲーションバーには、アクティブなナビゲーション項目が下線で示されます。ナビゲーションバーには2つのスタイルがあります:白い背景に濃い灰色のテキスト(デフォルト)と、濃い灰色の背景に白いテキスト(反転)です。

デフォルトのナビゲーションバー:

<clay:navigation-bar
navigationItems="<%= navigationBarsDisplayContext.getNavigationItems() %>"
/>

図1:ナビゲーションバーをアプリに含めることができます。

反転ナビゲーションバー(inverted属性をtrueに設定):

<clay:navigation-bar
inverted="<%= true %>"
navigationItems="<%= navigationBarsDisplayContext.getNavigationItems() %>"
/>

図2:必要に応じて、ナビゲーションバーを反転できます。

関連トピック

Clay Dropdown Menus and Action Menus

Clay Form Elements

Clay Progress Bars

« Clay管理ツールバーClay進行状況バー »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています