Breadcrumbs

PBreadcrumb

PBreadcrumb wraps Pico's breadcrumb nav pattern. Use the items prop for simple links, or slot your own list when your app needs router links or custom markup.

Items

vue

<p-breadcrumb :items="items" />

Slots

vue

<p-breadcrumb>
  <ul>
    <li><RouterLink to="/docs">Docs</RouterLink></li>
    <li><RouterLink to="/docs/layout">Layout</RouterLink></li>
    <li><span aria-current="page">Pear</span></li>
  </ul>
</p-breadcrumb>

API

PBreadcrumb Props

Name	Type	Default	Description
`items`	`PBreadcrumbItem[]`	-	Labels with optional hrefs. Use the slot for RouterLink or custom markup.
`label`	`string`	'Breadcrumb'	Accessible nav label.
`divider`	`string`	-	Optional Pico breadcrumb divider.
`default`	`slot`	-	Custom breadcrumb markup.