Examples
Size 12px
Custom separator
2 items
Size 14px
3 items
Props
Breadcrumb
Root navigation wrapper for the breadcrumb trail.string
default:"breadcrumb"
Accessible label for the breadcrumb navigation landmark.
BreadcrumbItem
List item wrapper for a single breadcrumb entry or separator. Takes no props of its own beyond the standard attributes of the element it renders.BreadcrumbLink
Anchor element for a non-current breadcrumb step. SupportsasChild for router-aware link components.
boolean
default:"false"
Render the link as a child element (e.g. a router
Link).BreadcrumbList
Ordered list container for breadcrumb items. Automatically injects a separator between each child item and shares the trailBreadcrumbSize with its descendants.
ReactNode
default:"/"
Custom separator element rendered between items.
"12px" | "14px" | "16px"
default:"12px"
Text size preset applied to every item in the trail.
BreadcrumbPage
Non-interactive label representing the current page in the breadcrumb trail. Takes no props of its own beyond the standard attributes of the element it renders.BreadcrumbSeparator
Visual separator rendered between breadcrumb items. Renders a/ glyph by default and is hidden from assistive technology.
Takes no props of its own beyond the standard attributes of the element it renders.
Exported types
Also exported from@fanvue/ui: BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, BreadcrumbSize.
Setup: Installation · Theming