Default

  1. Home
  2. /
  3. Settings
  4. /
  5. Profile

Two-level

  1. Home
  2. /
  3. Dashboard

Deep path

  1. Home
  2. /
  3. Projects
  4. /
  5. Concrete-mixer-v3
  6. /
  7. Settings
  8. /
  9. Permissions

With aria-current="page" (semantic variant)

  1. Home
  2. Docs
  3. Components

Small variant (.brut-crumbs--sm)

  1. Home
  2. Settings
  3. Notifications

Responsive truncation (.brut-crumbs--responsive)

On narrow viewports (<640 px) only the first and last items remain visible, with an ellipsis prepended to the last item.

  1. Home
  2. Projects
  3. Brut-ui
  4. Releases
  5. v1.0.0