# `PhoenixPageMeta.Components.Breadcrumbs`
[🔗](https://github.com/exfoundry/phoenix_page_meta/blob/v0.1.0/lib/phoenix_page_meta/components/breadcrumbs.ex#L1)

Slot-based breadcrumb component.

Owns the `<nav aria-label="Breadcrumb">` wrapper, the `<ol>`/`<li>`
structure, the divider placement (between items, never after the last),
and the `aria-current="page"` marker on the current page. Styling is
supplied via three slots, each receiving a `%PhoenixPageMeta.Breadcrumb{}`.

When the resulting trail is empty (e.g. all pages have `:skip_breadcrumb`
set), nothing is rendered.

    <PhoenixPageMeta.Components.Breadcrumbs.list page_meta={@page_meta}>
      <:link :let={breadcrumb}>
        <.link navigate={breadcrumb.path}>{breadcrumb.title}</.link>
      </:link>
      <:current :let={breadcrumb}>
        <span class="font-medium">{breadcrumb.title}</span>
      </:current>
      <:divider>/</:divider>
    </PhoenixPageMeta.Components.Breadcrumbs.list>

# `list`

Renders an accessible breadcrumb trail from a PageMeta struct.

## Slots

  * `:link` — rendered for every ancestor (not the current page). Receives
    a `%PhoenixPageMeta.Breadcrumb{}`.
  * `:current` — rendered for the current page. Receives a
    `%PhoenixPageMeta.Breadcrumb{}`.
  * `:divider` — rendered between items. No argument.

## Attributes

* `page_meta` (`:any`) (required)
* Global attributes are accepted. Additional HTML attributes (e.g. `class`) applied to the `<nav>`.
## Slots

* `link` (required)
* `current` (required)
* `divider` (required)

---

*Consult [api-reference.md](api-reference.md) for complete listing*