Gigaclear Pattern Library

Package Availability Status 

<div class="hidden mb-8" data-vanilla-module="PackageAvailabilityStatus" data-redirect-url="">
    <div class="flex flex-col lg:flex-row items-center gap-4 justify-center">
        <div class="flex gap-4 items-center">
            <div class="w-4 flex-shrink-0 block">

                <svg class="fill-current w-4 h-4 text-s-green" aria-hidden="true">
                    <use href="/front-end/sprite.svg?v=1.2#icon-tick"></use>
                </svg>
            </div>
            <div class="flex-1 flex gap-5">
                <div class="text-bravo-800 lg:text-lg font-bold leading-tight block">
                    We're available at your address <span class="js-postcode-display"></span>
                </div>

            </div>
        </div>
        <button class="text-bravo-700 inline-block text-sm hover:underline">Search again</button>
    </div>

</div>
 
<div class="hidden mb-8" data-vanilla-module="PackageAvailabilityStatus" data-redirect-url="{% if redirectUrl %}{{ redirectUrl | path }}{% endif %}">
    <div class="flex flex-col lg:flex-row items-center gap-4 justify-center">
        <div class="flex gap-4 items-center">
            <div class="w-4 flex-shrink-0 block">
                {% if textColourClass %}
                    {% set iconModifier = "fill-current w-4 h-4 " + textColourClass %}
                {% else %}
                    {% set iconModifier = "fill-current w-4 h-4 text-s-green" %}
                {% endif %}
                {% render "@icon", { name: 'icon-tick', modifier: iconModifier, ariaHidden: true } %}
            </div>
            <div class="flex-1 flex gap-5">
                <div class="{% if textColourClass %}{{ textColourClass }}{%else %}text-bravo-800{% endif %} lg:text-lg font-bold leading-tight block">
                    We're available at your address <span class="js-postcode-display"></span>
                </div>

            </div>
        </div>
        <button class="{% if textColourClass %}{{ textColourClass }}{%else %}text-bravo-700{% endif %} inline-block text-sm hover:underline">Search again</button>
    </div>

</div>
 
{
  "siteName": "Gigaclear Pattern Library"
}

No notes defined.