Appearance
Navigation Bar
javascript
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. | |
| 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. |