Navegar componentes

BreadcrumbItem

MiscExemplo

Item individual de breadcrumb que renderiza como link quando href é fornecido, ou como texto simples para a página atual.

Importação

import {BreadcrumbItem} from '@pharos-ds/core/BreadcrumbItem';

Exemplos

isCurrent

Código

import {BreadcrumbItem, Breadcrumbs} from '@pharos-ds/core/Breadcrumbs';

<BreadcrumbItem
  children="Componentes"
  isCurrent={false}
 />

Prop	Tipo	Padrão	Descrição
`children` *	`ReactNode`	—	Conteúdo do label do item de breadcrumb.
`href`	`string`	—	URL para a qual o breadcrumb aponta; omita para itens não navegáveis.
`onClick`	`(e: MouseEvent) => void`	—	Handler de clique do item de breadcrumb.
`isCurrent`	`boolean`	`false`	Marca este item como a página atual, aplicando aria-current="page".
`startIcon`	`ReactNode`	—	Ícone renderizado antes do label do item.
`menu`	`DropdownMenuOption[] \| ReactNode`	—	Menu aberto quando o item é ativado, usando a mesma API de item de DropdownMenu/MoreMenu/ContextMenu (um array DropdownMenuOption[] ou filhos DropdownMenuItem compostos). Renderiza um trigger de menu estilizado como link com chevron e aria-haspopup="menu". Tem precedência sobre href/onClick.
`menuSize`	`'sm' \| 'md' \| 'lg'`	—	Size passado aos itens do menu. O padrão vem da variante do breadcrumb ('supporting' → 'sm', caso contrário 'md').
`as`	`LinkComponentType`	—	Componente de link personalizado para renderizar em vez de <a>. Substitui o padrão do LinkProvider no nível do provider. Aplica-se apenas a itens que não são a página atual.

Pacote: @pharos-ds/core · Import: @pharos-ds/core/BreadcrumbItem