A navigable breadcrumb object expands any path segment into sibling routes, preserving location context while keyboard users move between levels.
ReadyA navigable breadcrumb object expands any path segment into sibling routes, preserving location context while keyboard users move between levels.
- Product navigation
- Account flows
- Application shells
- Every breadcrumb segment remains a real navigable button
- Expanded siblings preserve the full current path above them
- Arrow-key movement stays scoped to the open route level
- A component-specific renderer and control contract—not a palette swap of another release
- Semantic controls, visible focus and keyboard navigation ship with the visual system
No animation package or external preview asset is required. Layout is container-scoped and decorative motion is disabled when reduced motion is requested.
Pointer, touch, horizontal trackpad and keyboard states use the same underlying component state.
Native landmarks and controls preserve reading order, visible focus and keyboard access. Motion never carries the only meaning.
BEHAVIOR
Built to move without taking over.
- Every breadcrumb segment remains a real navigable button
- Expanded siblings preserve the full current path above them
- Arrow-key movement stays scoped to the open route level
- A component-specific renderer and control contract—not a palette swap of another release
- Semantic controls, visible focus and keyboard navigation ship with the visual system
USE IT
Sign in, copy the source, rename it, tune the values and ship it inside your own system.
