<.breadcrumbs>
  <ul>
    <li><a>Home</a></li>
    <li><a>Documents</a></li>
    <li>Add Document</li>
  </ul>
</.breadcrumbs>

<.breadcrumbs>
  <:item path="#"> 
    home
  </:item>
  <:item path="#">
   Documents 
  </:item>
  <:item>
   Add Documents 
  </:item>
</.breadcrumbs>

<.breadcrumbs>
  <:item icon="hero-home" path="#">
    home
  </:item>
  <:item icon="hero-document" path="#">
   Documents 
  </:item>
  <:item icon="hero-document-plus">
   Add Documents 
  </:item>
</.breadcrumbs>