Breadcrumbs

// Edit the live code below
<Row wrap gap={0.5}>
  <span>Docs</span>
  <ChevronRight size={20} />
  <span>Examples</span>
  <ChevronRight size={20} />
  <span>Breadcrumbs</span>
</Row>

On small screen sizes the chevrons can sometimes have odd in-between state. That is because the chevron arrows are independent of the text crumbs. This can be fixed by grouping chevron/crumb pairs in another row with the same spacing:

Now each crumb always collapses together with its chevron.