How To

The Adaptive Navigation component can be used for horizontal navigations with a large (or unknown) number of items.

The number of visible items changes based on the horizontal available space. A dropdown button is used to reveal the additional items in the list.

To change the navigation alignment, edit the .justify-center flebox utility class applied to the .adapt-nav__list element:

• to align the navigation content to the left, remove the .justify-center class;
• to align the navigation content to the right, remove the .justify-center class and add the .justify-end class.