Navegação estrutural

A trilha ancestral do cabeçalho do painel. Itens interativos escurecem ao pairar com uma pílula de fundo suave; a página atual não está interativa. Itens aceitam ícones ou avatares principais.

Instalação

Você pode adicionar este componente breadcrumb usando nosso CLI ou manualmente:

Modo escuro pronto - este componente segue tokens semânticos BoardUI automaticamente. Configurar a mudança de tema.

O CLI copia a fonte do componente (com suas dependências internas) em seu projeto e instala quaisquer pacotes npm necessários.

npx boardui@latest add breadcrumb

Usando um pacote de UI compartilhado ou aliases de importação personalizados? Configure seus caminhos de instalação antes de executar o CLI. Exemplos de copy-paste usam as importações padrão.

De avatares

Itens aceitam conteúdo principal arbitrário - passe um xs Avatar para trilhas de equipe/usuário, ou ícone Referência do componente para os glifos.

{/* Items take arbitrary leading content - avatars, icons, dots */}<Breadcrumb aria-label="Team"> <BreadcrumbItem href="#"> <Avatar size="xs" color="blue" initials="B" /> Board team </BreadcrumbItem> <BreadcrumbItem current icon={RiHomeLine}>Home</BreadcrumbItem></Breadcrumb>