Horizontal navigation where the visible items change according to the available space. A 'More' button is used to reveal hidden items.
All components are built upon the CodyHouse Framework.
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. For example, remove the class to align the navigation content to the left.
Bug Report & Feedback
Get in touch: suggest a component or report a bug.