Breadcrumbs, or a breadcrumb navigation, can help enhance how users navigate to previous page levels of a website.
This is userful for websites with a lot of pages.
rc.breadcrumb(
rc.breadcrumb_item(
rc.breadcrumb_link("Home", href="#")
),
rc.breadcrumb_item(
rc.breadcrumb_link("Docs", href="#")
),
rc.breadcrumb_item(
rc.breadcrumb_link("Breadcrumb", href="#")
),
)
The separator prop can be used to change the default separator.
rc.breadcrumb(
rc.breadcrumb_item(
rc.breadcrumb_link("Home", href="#")
),
rc.breadcrumb_item(
rc.breadcrumb_link("Docs", href="#")
),
rc.breadcrumb_item(
rc.breadcrumb_link("Breadcrumb", href="#")
),
separator=">",
color="rgb(107,99,246)",
)
rc.Breadcrumb
The parent container for breadcrumbs.
Event Triggers
See the full list of default event triggersrc.BreadcrumbItem
Individual breadcrumb element containing a link and a divider.