Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProEdit a breadcrumb trail level by level and see the rendered breadcrumb and its BreadcrumbList JSON-LD stay in step.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it in page settings or a docs tool when breadcrumbs are curated by hand. breadcrumbJsonLd is the helper the published page uses.
Do not use it when: breadcrumbs come from the route tree automatically.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
origin | string | required | Prefix for every item URL. |
defaultTrail | Crumb[] | [{ name: "Home", path: "/" }] | Starting levels. |
onChange | (trail: Crumb[]) => void | - | Called after every edit. |
The breadcrumb is the shadcn nav named breadcrumb with the current page marked; every field and remove button is labelled with its level; the code block has an accessible name.
The pattern ships with a test (breadcrumb-schema-preview.test.tsx). It covers the JSON-LD helper and adding a level.