Breadcrumb

PreviousNext

Location trail.

import { Breadcrumb } from "@/rl-ui";

<Breadcrumb
items={[
  { label: "Workspace" },
  { label: "Project Hub", isCurrent: true },
]}
/>

Examples

Custom separator

import { Breadcrumb } from "@/rl-ui";

<Breadcrumb
separator="›"
showTrailingSeparator={false}
items={[{ label: "Home" }, { label: "Settings", isCurrent: true }]}
/>

API

PropTypeDefaultDescription
itemsBreadcrumbItemData[]—Data-driven crumbs.
separatorReactNode"/"Separator between items.
showTrailingSeparatorbooleantrueTrailing separator after last item.