Adaptive Navigation
Horizontal navigation where the visible items change according to the available space. A 'More' button is used to reveal hidden items.
Horizontal navigation where the visible items change according to the available space. A 'More' button is used to reveal hidden items.
All components are based on CodyFrame.
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:
.justify-center
class;.justify-center
class and add the .justify-end
class.Report a bug + changelog on Github ↗ | Suggest new components ↗
📢 We use cookies to give you the best possible website experience. By using CodyHouse, you agree to our Privacy Policy.