Skip to content

BaseBreadCrumbs

component to display breadcrumb-style navigation

Props

Prop nameDescriptionTypeValuesDefault
routesspecify an array with the properties route, label and (optional) icon and showLabel that
should be used for navigation - these have to be internal
links, i.e. without a protocol like http: or mailto: in the url
showLabel set to false is only considered if the icon property is set!
array-[{ route: '', label: '' }]
renderLinkAsspecify how a link element should be rendered
this needs to be a valid vue link component string (e.g. 'RouterLink') or a component directly
and vue-router is necessary

caveat: if you are using Nuxt the string 'NuxtLink' is not enough,
but you need to import the component as import { NuxtLink } from '#components';
and pass the component to the prop!
string|object-'RouterLink'

Demo