Navigation Bar offer a persistent and convenient way to switch between primary destinations in an app.

NavBar

NavBar with labels

Component props

Component
Name
Type
Description
NavigationBarwidthStringSpecify the width, by default it is a w-screen
NavigationBarchildrenNodeDeclare the desired NavigationBarItems
NavBarItemonClickFunctionHandling click events.
NavBarItemiconNodeSpecify the desired icon
NavBarItembadgeBooleanSpecify if there is a badge
NavBarItembadgeColorStringSpecify the color of the badge if necessary
NavBarItembadgeTextStringSpecify the content on the badge
NavBarItemlabelStringSpecify a label for the icon