Header

Headers provide branding, navigation, search, and access to global application actions such as settings and notifications.

Demonstrates Branding using Clarity icon, and the HeaderNav and NavItem components.

Demonstrates Branding using custom icon, and the Actions region using NavItem components with text, icon, text & icon and dropdown content.




Demonstrates the Settings region using NavItem components with text, icon, text & icon and dropdown content.




An unhandled error has occurred. Reload 🗙