Header

Navigation example

Example of a navigation

APIs

Navigation.Props

AttributeDescriptionTypeAccepted valuesDefault
hideOnMobilehide navigation on mobileboolean-true
...native propsHTMLAttributes'id', 'className', ...-

Navigation.Item.Props

AttributeDescriptionTypeAccepted valuesDefault
titleTitle of the navigation elementstring--
urlLink for the navigation elementstring--
iconIcon for this menu itemReact.ReactNode--
exactMatchMatching url exactlyboolean-true
columnsnumber of columns for sub menuboolean-2
transcluenttranscluent effectboolean-true
...native propsHTMLAttributes'id', 'className', ...-

Navigation.Item.Child.Props

AttributeDescriptionTypeAccepted valuesDefault
titleTitle of the navigation elementstring--
urlLink for the navigation elementstring--
descDescriptionstring--
iconIcon for this menu itemReact.ReactNode--
...native propsHTMLAttributes'id', 'className', ...-