Breadcrumb

<dv-breadcrumb>
  <dv-breadcrumb-item>Home</dv-breadcrumb-item>
  <dv-breadcrumb-item>Documents</dv-breadcrumb-item>
  <dv-breadcrumb-item>Add Document</dv-breadcrumb-item>
</dv-breadcrumb>
vue

<dv-breadcrumb>
  <dv-breadcrumb-item>
    <IconFolderOpenOutline class="mr-1" />
    Home
  </dv-breadcrumb-item>
  <dv-breadcrumb-item>
    <IconFolderOpenOutline class="mr-1" />
    Documents
  </dv-breadcrumb-item>
  <dv-breadcrumb-item>
    <IconDocumentOutline class="mr-1" />
    Add Document
  </dv-breadcrumb-item>
</dv-breadcrumb>
vue

<dv-breadcrumb class="max-w-sm">
  <dv-breadcrumb-item>If you set max-width</dv-breadcrumb-item>
  <dv-breadcrumb-item>or the list</dv-breadcrumb-item>
  <dv-breadcrumb-item>gets larger than</dv-breadcrumb-item>
  <dv-breadcrumb-item>the container</dv-breadcrumb-item>
  <dv-breadcrumb-item>it will scroll</dv-breadcrumb-item>
</dv-breadcrumb>
vue