✨ Announcing our seed funding led by Lux Capital! Read more about it on our blog ✨
[ Learn ]
[ Concepts ]
[ Reference ]
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.
rx.breadcrumb(
rx.breadcrumb_item(
rx.breadcrumb_link("Home", href="#")
),
rx.breadcrumb_item(
rx.breadcrumb_link("Docs", href="#")
),
rx.breadcrumb_item(
rx.breadcrumb_link("Breadcrumb", href="#")
),
)The separator prop can be used to change the default separator.
rx.breadcrumb(
rx.breadcrumb_item(
rx.breadcrumb_link("Home", href="#")
),
rx.breadcrumb_item(
rx.breadcrumb_link("Docs", href="#")
),
rx.breadcrumb_item(
rx.breadcrumb_link("Breadcrumb", href="#")
),
separator=">",
color="rgb(107,99,246)",
)The parent container for breadcrumbs.
Base Event Triggers
Individual breadcrumb element containing a link and a divider.
Base Event Triggers
The breadcrumb link.
Base Event Triggers
Copyright © 2023 Pynecone, Inc.