Alain Afflelou Design System

infoBubble 

<div class="flex items-center w-full min-h-[88px] border rounded-full gap-4 bg-neutral-50">
    <img src="../../img/commitment/eye.jpeg" alt="Description de l'image" class="ml-4 rounded-full min-w-14 w-14 h-14 object-cover object-center" />
    <span class="pr-8">Prendre un rendez-vous dans le magasin de votre choix.</span>
</div>
 
<div class="flex items-center w-full min-h-[88px] border rounded-full gap-4 bg-neutral-50">
    <img src="{{ src | path }}" alt="{{ alt }}"
         class="ml-4 rounded-full min-w-14 w-14 h-14 object-cover object-center"/>
    <span class="pr-8">{{ text }}</span>
</div>
 
{
  "src": "/img/commitment/eye.jpeg",
  "alt": "Description de l'image",
  "text": "Prendre un rendez-vous dans le magasin de votre choix."
}

No notes defined.