Talke Component Library

Quickbar Item: Contact 

<a href="#" class="flex flex-col items-center justify-between h-24 py-2 text-sm text-center text-white border border-white rounded-md lg:text-xl lg:justify-evenly lg:inline-flex lg:shadow lg:rounded-lg lg:pl-2 lg:flex-row lg:pr-11 lg:h-18 font-talke-semibold bg-talke-blue lg:gap-7 shrink-0 lg:border-none lg:text-left">
    <div class="lg:flex lg:items-center lg:justify-around lg:w-14 lg:h-auto lg:shrink-0">
        <svg class="h-11 w-auto" height="55.307" viewBox="0 0 58.134 55.307" width="58.134" xmlns="http://www.w3.org/2000/svg">
            <g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                <path d="m114.723 82.111c11.748 11.748 23.495 12.964 27.44 13.012a1.884 1.884 0 0 0 1.808-1.3l2.665-8a1.893 1.893 0 0 0 -.949-2.292l-8.842-4.421a1.894 1.894 0 0 0 -2.186.355l-4.749 4.75s-4.376-1.39-10.141-7.156-7.156-10.141-7.156-10.141l4.75-4.749a1.894 1.894 0 0 0 .355-2.186l-4.418-8.836a1.893 1.893 0 0 0 -2.3-.947l-8 2.665a1.884 1.884 0 0 0 -1.3 1.808c.059 3.943 1.276 15.691 13.023 27.438z" transform="translate(-100.711 -40.816)" />
                <rect height="25.876" rx="2" width="34.501" x="22.616" y="1.001" />
                <path d="m224.206 6.488 14.313 14.312a3.594 3.594 0 0 0 5.082 0l14.313-14.312" transform="translate(-201.194 -5.04)" />
            </g>
        </svg>
    </div>
    <div class="leading-4">
        Usus
    </div>
</a>
 
<a href="#"
  class="flex flex-col items-center justify-between h-24 py-2 text-sm text-center text-white border border-white rounded-md lg:text-xl lg:justify-evenly lg:inline-flex lg:shadow lg:rounded-lg lg:pl-2 lg:flex-row lg:pr-11 lg:h-18 font-talke-semibold bg-talke-blue lg:gap-7 shrink-0 lg:border-none lg:text-left">
  <div class="lg:flex lg:items-center lg:justify-around lg:w-14 lg:h-auto lg:shrink-0">
    {{> (lookup . 'componentName') additionalClasses="h-11 w-auto"}}
  </div>
  <div class="leading-4">
    {{title}}
  </div>
</a>
 
{
  "title": "Usus",
  "componentName": "@icon--quickbar-contact"
}

No notes defined.