UI / Components / layout / Breadcrumb

Breadcrumb

Org / workspace / surface trail.

Breadcrumb trail with `·` separators. Last segment is plain text (current page); others are links. Auto-truncates middle segments on narrow viewports.

$npx dock-ui add breadcrumb

Usage

import { Breadcrumb } from "@/components/ui/breadcrumb";

<Breadcrumb items={[
  { label: "Dock", href: "/dock" },
  { label: "Templates" }
]} />

Install

via CLI

$ npx dock-ui add breadcrumb

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/breadcrumb.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →