BaseNavigation

Props

Prop name	Description	Type	Values	Default
primaryItems	list of primary navigation items, with the following properties: id string - a unique id label string - a label for the route to be displayed shortLabel ?string - a shorter version of the label to be shown if the regular label does not fit the element anymore route string - the route of the element should navigate to on a desktop screen, these elements will be rendered on the left-hand side of the navigation on a mobile screen, these elements will be rendered in the upper half of the dropdown list	array	-	[ { id: '1', label: 'Label', shortLabel: '', route: '/', }, ]
secondaryItems	list of secondary navigation items, with the following properties: id string - a unique id label string - a label for the route to be displayed shortLabel ?string - a shorter version of the label to be shown if the regular label does not fit the element anymore route string - the route of the element should navigate to on a desktop screen, these elements will be rendered on the right-hand side of the navigation on a mobile screen, these elements will be rendered in the lower half of the dropdown list	array	-	[ { id: '1', label: 'Label', shortLabel: '', route: '/', }, ]
renderAs	specify how link element should be rendered - this needs to be a valid vue link component (e.g. RouterLink, NuxtLink) and vue-router is necessary	string	-	'a'
navigationLabel	specify a label for the navigation bar - for accessibility reasons	string	-	'App Navigation'
menuButtonLabel	provide a accessible label for the mobile menu icon	string	-	'Toggle Navigation'

---