Components
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.

With badges

Add a trailing badge to a navbar item using the badge prop.

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.

Show additional information related to a navlist item using the badge prop.

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