Web package preview
Navbar
A responsive navbar with configurable links, accessible dropdowns, optional actions, and a mobile drawer.
Interactive canvas
Make the navigation yours
Use the controls to test link counts, dropdown behavior, layout, responsive collapse, and Motion presets before changing your package code.
Features
This section is a local navigation target for testing the Navbar.
Solutions
This section is a local navigation target for testing the Navbar.
Pricing
This section is a local navigation target for testing the Navbar.
Resources
This section is a local navigation target for testing the Navbar.
Company
This section is a local navigation target for testing the Navbar.
Blog
This section is a local navigation target for testing the Navbar.
Contact
This section is a local navigation target for testing the Navbar.
Analytics
This section is a local navigation target for testing the Navbar.
Automation
This section is a local navigation target for testing the Navbar.
Collaboration
This section is a local navigation target for testing the Navbar.
Get started
This section is a local navigation target for testing the Navbar.
Try the dropdown with a mouse and keyboard. Use the controls and resize the browser to test each responsive mode, then change the props in NavbarDemo.tsx to experiment locally.