Breadcrumbs

Breadcrumbs mostram a hierarquia e o contexto de navegação para a localização do usuário.

Playground

Breadcrumbs

Nome (* = obrigatório)

Tipo

Valores

Descrição

items *

Array<BreadcrumbProps>

Os items/links (Breadcrumb) que fazem parte do Breadcrumbs.

truncationIndex

number

Index do array de items que indica em qual posição deve ser feito o truncamento/agrupamento de items/links (Breadcrumb).

maxItems

number

Número máximo de items/links (Breadcrumb) que devem ser mostrado fora dos itens truncados/agrupados.

wrapItems

boolean

  • false

  • true (default)

Quando true os items/links (Breadcrumb) vão sendo alinhados com quebra de linha.

customProps

{ actionButton?: ActionButtonProps; }

  • -

Adiciona propriedades específicas para elementos filhos.
No Breadcrumbs, é utilizado para configurar o ActionButton quando há truncamento.

Breadcrumb

Nome (* = obrigatório)

Tipo

Valores

Descrição

text *

string

O texto que aparece no item.

href

string

A âncora para onde o item direciona.
O último item será sempre a página atual e não terá um link.

onClick: (event?: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void

function

Função chamada no click do breadcrumb.