Widgets
Breadcrumb
Shows a hierarchical path. Parent items can be clickable; the last item is always treated as the current location.
Shows a hierarchical path. Parent items can be clickable; the last item is always treated as the current location.
Usage
ui.breadcrumb({
items: [
{ label: "Home", onPress: () => navigate("/") },
{ label: "Docs", onPress: () => navigate("/docs") },
{ label: "Tabs" },
],
separator: " > ",
})Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | Array<{ label: string; onPress?: () => void }> | required | Breadcrumb entries |
separator | string | " > " | Text between items |
id | string | auto-generated | Optional stable id |
key | string | - | Reconciliation key |
Keyboard Behavior
Tab/Shift+Tab: moves across clickable breadcrumb items.Enter: activates the focused breadcrumb item.- The last breadcrumb item is not clickable.