Navigation Bar

import { XerNavigationBar, XerNavigationBarItem } from "@xerius/codey-components";

Showcases

Default

Animated

Props

Navigation Bar

All given attributes will be bound to the root nav element.

Navigation Bar Item

Name	Type	Default	Required	Description
link	String		false	The path the link will go to.
icon	Icon Component		false	The icon value.
disabledIcon	Icon Component		false	The icon to show when the item is disabled.
animation	String		false	The CSS animation class for the icon.
active	Boolean	false	false	If set to true, it indicates that the navigation item is active.
disabled	Boolean	null	false	If set to true, the navigation item will be disabled.
dataAutomationId	String	navigation-bar-item	false	The automation Id for this component.