<.breadcrumb id="breadcrumb-single-default" links={[{"Ecrans", "#"}, {"Barbershop", "#"}, {"Utilisateurs", "#"}]}/>

<.breadcrumb id="breadcrumb-single-with-icon" links={[{"Ecrans", "#"}, {"Barbershop", "#"}, {"Utilisateurs", "#"}]} icon="fa fa-tv"/>

<.breadcrumb id="breadcrumb-single-with-image" links={[{"Ecrans", "#"}, {"Barbershop", "#"}, {"Utilisateurs", "#"}]} image="https://s3.eu-west-1.amazonaws.com/livescreen/shops/shop-6408.png"/>

<.breadcrumb id="breadcrumb-single-with-badge" links={[{"Ecrans", "#"}, {"Barbershop", "#"}, {"Utilisateurs", "#"}]} badge={%{icon: "fa fa-alicorn", theme: :displays}}/>

<.breadcrumb id="breadcrumb-single-with-badge-slot" links={[{"Ecrans", "#"}, {"Barbershop", "#"}, {"Utilisateurs", "#"}]}>
  <:badges>
  <.badge icon="fa fa-alicorn"/>
  </:badges>
</.breadcrumb>