--- layout: docs title: Breadcrumb group: components --- Indicate the current page's location within a navigational hierarchy. Separators are automatically added in CSS through [`::before`](https://developer.mozilla.org/en-US/docs/Web/CSS/::before) and [`content`](https://developer.mozilla.org/en-US/docs/Web/CSS/content). Works fine with or without the usage of list markup. {% example html %}
{% endexample %}