Inicio Explorar Axuda
Rexistro Iniciar sesión
root
/
reflex
réplica de https://github.com/reflex-dev/reflex.git
1
0
Fork 0
Ficheiros Incidencias 0 Wiki
Árbore: dbd074c33d
Ramas Etiquetas
reflex
/
docs
/
library
/
chakra
/
navigation
/
breadcrumb.md

breadcrumb.md 998 B
Histórico Raw

components:

- rx.chakra.Breadcrumb
- rx.chakra.BreadcrumbItem
- rx.chakra.BreadcrumbLink

import reflex as rx

Breadcrumb

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.chakra.breadcrumb(
    rx.chakra.breadcrumb_item(rx.chakra.breadcrumb_link("Home", href="#")),
    rx.chakra.breadcrumb_item(rx.chakra.breadcrumb_link("Docs", href="#")),
    rx.chakra.breadcrumb_item(rx.chakra.breadcrumb_link("Breadcrumb", href="#")),
)

The separator prop can be used to change the default separator.

rx.chakra.breadcrumb(
    rx.chakra.breadcrumb_item(rx.chakra.breadcrumb_link("Home", href="#")),
    rx.chakra.breadcrumb_item(rx.chakra.breadcrumb_link("Docs", href="#")),
    rx.chakra.breadcrumb_item(rx.chakra.breadcrumb_link("Breadcrumb", href="#")),
    separator=">",
    color="rgb(107,99,246)"
)