Breadcrumb

Navigation trail helpers for breadcrumb wrappers and items.

Bulma Pattern

This wrapper follows Bulma's Components markup. Compare class behavior with the official Bulma docs.

Supported tags

Example

<breadcrumb arrow>
  <breadcrumb-item><a href="/">Ralma</a></breadcrumb-item>
  <breadcrumb-item><a href="/docs">Documentation</a></breadcrumb-item>
  <breadcrumb-item active><a aria-current="page">Breadcrumb</a></breadcrumb-item>
</breadcrumb>

Usage Notes

Separator variants: `arrow`, `bullet`, `dot`, and `succeeds`.
Alignment and sizing options map to Bulma classes.
Mark active trail step with `<breadcrumb-item active>`.

Back to Components

Maintained by aldi

The source code is licensed under MIT.

Available on GitHub and npm.