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