@nextcloud/vueNcBreadcrumb
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| title | The displayed title of the breadcrumb. | string | - | |
| to | Route Location the link should navigate to when clicked on.<br/>@see https://v3.router.vuejs.org/api/#to | string|object | - | undefined |
| exact | Match the complete route attributes (query and hash included)<br/>@see https://v3.router.vuejs.org/api/#exact | boolean | - | false |
| 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 eventto union - 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.