Navigation bar with full-width drop-downs. Retains position during scroll for speedy navigation, but condenses navigation to a small bar to minimize disruption of content below.
When JavaScript is available and supported, the navigation is enhanced in the following ways:
MegaMenu
: Adds animation and toggle (open/close) functionality to tabs.PriorityPlus
: Shows or hides tabs based on available space, inversely
showing/hiding equivalent content within the overflow menu.This component works with the Page
component to play nicely within an
overall page layout.
A dark theme for the MegaMenu
component. Ideal for usage on secondary sites,
or microsites that need to maintain the Champion brand aesthetic but benefit
from an alternative menu style that contrasts the default MegaMenu
pattern.