# Breadcrumbs O caminho do início até a tela atual, para a pessoa saber onde está e voltar alguns passos. ## Playground ```html ``` ## Quando usar - Em telas a dois ou mais níveis do início: um agendamento dentro de Agendamentos. ## Quando não usar - **No primeiro nível:** a Nav já diz onde a pessoa está. - **Como histórico:** é o lugar na estrutura, não o caminho que a pessoa fez. ## Exemplos ### O caminho A tela atual por último, em texto suave e sem link. Mostrar código ```html ``` ### No mobile Só o nível de cima, com a seta para trás. Mostrar código ```html
  • …Agendamentos
    • ``` ## Anatomia 1. **Níveis acima:** links. 2. **Separador:** a seta à mão, escondida do leitor de tela. 3. **Tela atual:** texto suave, sem link. ## Bons e maus padrões Faça assim A tela atual sem link: não leva para onde a pessoa já está. Não faça A tela atual como link e a barra como separador. ## Acessibilidade - Um `