On this page

NcBreadcrumb

Props

Prop name	Description	Type	Values	Default
title	The displayed title of the breadcrumb.	string	-
to	The router-link to prop https://router.vuejs.org/api/#to If set, the breadcrumbs will be rendered by router-link.	string\|object	-	undefined
href	Set this prop if your app doesn't use vue-router, breadcrumbs will show as normal links.	string	-	undefined
icon	Set a css icon-class to show an icon instead of the title text.	string	-	''
disableDrop	Disable dropping on this breadcrumb.	boolean	-	false
forceMenu	Force the actions to display in a three dot menu	boolean	-	false
open	Open state of the Actions menu	boolean	-	false

Events

Event name	Properties	Description
update:open		Event emitted when the open state of the Actions menu changes
dropped	event `Event` - The DOM drop event to `[string, object]` - The `to` prop or, if not set, the `href` prop	Event emitted when something is dropped on the breadcrumb.

Slots

Name	Description	Bindings
icon	Slot for passing a material design icon. Precedes the icon and title prop.
menu-icon	Slot for the custom menu icon
default	All action elements passed into the default slot will be used

General description

This component is meant to be used inside a Breadcrumbs component.