Etat Pur Design System

Header Store Locator 

<a href="#" class="flex items-center gap-2 group" aria-label="Trouver un point de vente">
    <span aria-hidden="true">
        <svg class=" shrink-0" width="24" height="24" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="none" />
            <path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" fill="none" />

        </svg> </span>
    <span class="header-submenu-group md:hidden lg:block">
        Trouver un point de vente
    </span>
</a>
 
<a href="#" class="flex items-center gap-2 group" aria-label="{{ text }}">
    <span aria-hidden="true">
        {% render "@icons-heroicons--map-pin-outline" %}
    </span>
    <span class="header-submenu-group md:hidden lg:block" {{ span_attribute|raw }}>
        {{ text }}
    </span>
</a>
 
{
  "text": "Trouver un point de vente"
}

No notes defined.