Gumtree UI
  • Docs
  • Layout
  • Breadcrumbs

Breadcrumbs

Breadcrumbs show the user's current location in the page hierarchy.

Import

import { Breadcrumbs } from "@gumtree/ui/layout/Breadcrumbs";

Props

PropTypeDefaultDescription
items*BreadcrumbItem[]-Array of breadcrumb items. Last item is typically the current page (no href).

Examples

Multi-level

Breadcrumbs with multiple linked levels.

<Breadcrumbs items={[
  { label: "Home", href: "/" },
  { label: "Repos", href: "/repos" },
  { label: "gumtree-ui" },
]} />

Two Levels

A simple two-level breadcrumb trail.

<Breadcrumbs items={[
  { label: "Docs", href: "/docs" },
  { label: "Breadcrumbs" },
]} />