Layouts

Navbar

Arrange navigation links vertically or horizontally.

Discover more about the navbar on the layout documentation ->

Detecting the current page

Navbars and navlists will try to automatically detect and mark the current page based on the href attribute passed in. However, if you need full control, you can pass the current prop to the item directly.

With icons

Add a leading icons for visual context.

Condense multiple navigation items into a single dropdown menu to save on space and group related items.

Arrange your navbar vertically using the navlist component.

Group related navigation items.

Collapsible groups

Group related navigation items into collapsible sections using the expandable prop.

Copyright © 2024 Wireable LLC · Terms of Service
Built with
by Caleb Porzio and Hugo Sainte-Marie