Talke Component Library

Quickbar Item: Cargoclix 

<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="51.527" viewBox="0 0 45.783 51.527" width="45.783" xmlns="http://www.w3.org/2000/svg">
            <g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                <path d="m203.608 74.508 21.533 11.843 21.533-11.843" transform="translate(-202.25 -61.664)" />
                <path d="m22.892 24.687v25.84" />
                <path d="m282.83 36.049-21.53 11.79v7.591" transform="translate(-250.248 -29.665)" />
                <path d="m246.675 21.227v-5.384l-21.534-11.843-21.533 11.843v25.84l21.533 11.843 21.533-11.843v-22.717" transform="translate(-202.25 -2.999)" />
            </g>
        </svg>
    </div>
    <div class="leading-4">
        Degusto
    </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": "Degusto",
  "componentName": "@icon--quickbar-cargoclix"
}

No notes defined.