Breadcrumb
Breadcrumbs são utilizados para indicar ao usuário o caminho percorrido entre as páginas de uma aplicação até se checar na página atual.
Quando usar:
- Quando houver dois ou mais níveis na hierarquia de páginas;
- Quando você precisar indicar ao usuário em que página ele está e como ele pode refazer os passos que o levaram à página atual;
Quando não usar:
- Em casos nos quais só houver uma página na estrutura de navegação.
Obs.:
- Idealmente Breadcrumbs devem ser usados com três ou mais níveis de hierarquia. Entretanto, o Breadcrumb do Cuida pode ser usado com dois níveis pois nesse cenário ele se comporta como um botão de retorno para a página anterior.
Uso
js
<CdsBreadcrumb
:items
/>Preview
Breadcrumb de 3 ou mais níveis:
⚡Nenhum evento foi disparado
Breadcrumb de 2 níveis:
Props
Nome | Tipo | Default | Opções | Descrição |
|---|---|---|---|---|
* items (required) | array | [] | -- | Define a lista dos itens do Breadcrumb a serem mostrados. Os itens da lista devem ser objetos com path ou route, e com uma label. |