ドロップダウンメニューと同様に、ナビゲーションバーにはナビゲーション項目のリストが表示されます。 主な違いは、ナビゲーションバーは水平バーに表示され、すべてのナビゲーション項目が常に表示されることです。また、ナビゲーションバーには、アクティブなナビゲーション項目が下線で示されます。ナビゲーションバーには2つのスタイルがあります:白い背景に濃い灰色のテキスト(デフォルト)と、濃い灰色の背景に白いテキスト(反転)です。
デフォルトのナビゲーションバー:
<clay:navigation-bar
navigationItems="<%= navigationBarsDisplayContext.getNavigationItems() %>"
/>
反転ナビゲーションバー(inverted
属性をtrue
に設定):
<clay:navigation-bar
inverted="<%= true %>"
navigationItems="<%= navigationBarsDisplayContext.getNavigationItems() %>"
/>