# Breadcrumbs

Where you are: place › section › record. Archivo 13.5px muted with the current page in semibold foreground. Phone shows only a back link to the parent.

- **Group:** Navigation and shell · **family:** `app-shell` · **shadcn:** Breadcrumb
- **Build:** shadcn `Breadcrumb`.
- **In apps/admin today:** Not in apps/admin/ui.
- **Client component:** no. 

## Content rules

- Record crumbs use the record name or code ("RJC-20418").

## Do

- Start at the place (RJ Clothing).

## Don't

- Repeat the page title as a link.

## Accessibility

- **Keyboard:** Links in order.
- **ARIA:** `<nav aria-label="Breadcrumb">` + `<ol>`; separators `aria-hidden`.
- **Focus:** Ring on links.

## Tokens

`--s-2` `--muted-foreground` `--text-card` `--font-voice` `--foreground` `--w-semibold` `--font-stretch-title` `--s-1` `--text-small` `--sidebar-foreground` `--r-control` `--r-chip` `--motion-hover` `--ring` `--muted` `--s-3` `--s-4` `--w-medium`

## Files

`breadcrumbs.html` live specimen · `breadcrumbs.css` kit rules · `breadcrumbs.d.ts` props · full page: `docs/components/breadcrumbs/` (phone: `m/`).