NavigationBreadcrumb

The path to the current page, with aria-current.

import { NavigationBreadcrumb } from '@zairakai/vue-components/Navigation'

Usage

<NavigationBreadcrumb />

Example

1. Home
2. Components
3. Breadcrumb

<script setup>
  const items = [{ label: 'Home', href: '/' }, { label: 'Components', href: '/components/' }, { label: 'Breadcrumb' }]
</script>

<template>
  <NavigationBreadcrumb :items="items" />
</template>

Props

Name	Type	Default	Description
id	string
class	string
items	array	[]	The trail: { label, href }. The last item is the current page.
label	string	'Breadcrumb'

Slots

Name	Description
item

See Theming for the class hooks and the data-* state of the components.