NavigationItem
View source codeAddon
The leftAddon and rightAddon props are used to display another element inside the navigation item.
12
Navigation itemNavigation item
12
<>
<NavigationItem leftAddon={<Badge>12</Badge>} text="Navigation item" />
<NavigationItem rightAddon={<Badge>12</Badge>} text="Navigation item" />
</>
Active
The isActive prop is used to display the navigation item as active.
Main navigation item
<>
<NavigationItem isActive text="Main navigation item" />
</>