Phenix Storybook

Pick a theme

Displays Riders

Breadcrumb

Default Open in playground 
<.breadcrumb id="breadcrumb-single-default" links={[{"Ecrans", "#"}, {"Barbershop", "#"}, {"Utilisateurs", "#"}]}/>
With icon Open in playground 
<.breadcrumb id="breadcrumb-single-with-icon" links={[{"Ecrans", "#"}, {"Barbershop", "#"}, {"Utilisateurs", "#"}]} icon="fa fa-tv"/>
With image Open in playground 
<.breadcrumb id="breadcrumb-single-with-image" links={[{"Ecrans", "#"}, {"Barbershop", "#"}, {"Utilisateurs", "#"}]} image="https://s3.eu-west-1.amazonaws.com/livescreen/shops/shop-6408.png"/>
With badge Open in playground 
<.breadcrumb id="breadcrumb-single-with-badge" links={[{"Ecrans", "#"}, {"Barbershop", "#"}, {"Utilisateurs", "#"}]} badge={%{icon: "fa fa-alicorn", theme: :displays}}/>
With badge slot Open in playground 
<.breadcrumb id="breadcrumb-single-with-badge-slot" links={[{"Ecrans", "#"}, {"Barbershop", "#"}, {"Utilisateurs", "#"}]}>
  <:badges>
  <.badge icon="fa fa-alicorn"/>
  </:badges>
</.breadcrumb>