Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProBreadcrumb with ellipsis for long paths, built from the breadcrumb component.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Breadcrumb with ellipsis for long paths, built from the breadcrumb component. Use it as a starting point for the breadcrumb in your own screens: copy it, then replace the sample copy, data and handlers with yours.
Do not use it as a finished feature. It is a composition of existing components with sample content and no data layer.
It composes breadcrumb, which the CLI installs for you.
import { BreadcrumbStaticEllipsis } from "@/components/breadcrumb-static-ellipsis"<BreadcrumbStaticEllipsis />| Prop | Type | Default | Description |
|---|---|---|---|
| - | - | - | The pattern takes no props. Edit the source to change its content and handlers. |
It is built from the breadcrumb component, which keep their own focus, keyboard and ARIA behaviour. Breadcrumb is a nav landmark and the current page has aria-current=page. Keep a visible label or an aria-label on every control you add, and keep icon-only buttons named. Colours come from the theme tokens, spacing and alignment use logical properties so the layout mirrors in right-to-left languages, and motion is turned off under prefers-reduced-motion.
The pattern ships with a test (breadcrumb-static-ellipsis.test.tsx) that renders it and checks that every button, link, field and other control has an accessible name.
Based on the ReUI example c-breadcrumb-6 (ReUI, MIT, Copyright (c) 2025 Keenthemes Inc), adapted for tealmac UI. See the third-party notices.