# Breadcrumbs The path from the start to the current screen, so the person knows where they are and can go back a few steps. ## Playground ```html ``` ## When to use - On screens two or more levels deep: a schedule inside Schedules. ## When not to use - **At the first level:** the Nav already says where the person is. - **As history:** it is the place in the structure, not the path the person took. ## Examples ### The path The current screen last, in soft text and without a link. Show code ```html ``` ### On mobile Only the level above, with the back arrow. Show code ```html
  • …Agendamentos
    • ``` ## Anatomy 1. **Levels above:** links. 2. **Separator:** the hand-drawn arrow, hidden from screen readers. 3. **Current screen:** soft text, no link. ## Do and don’t Do The current screen without a link: it does not lead where the person already is. Don’t The current screen as a link and a slash as separator. ## Accessibility - A `