Lens design system

Chat

Chat badge item

A chat badge-item needs to include:

  • badge label
  • contact information
  • badge button
<!-- COMPONENT START: Chat Icon -->
<div class="badge-item text-center">
    <p class="badge-label">Chat with us on<br><strong>Live Chat</strong></p>
    <a href="javascript:GeckoChat.boot(); GeckoChat.open();" class="badge-button">
        <img src="https://www.bath.ac.uk/lens/110/assets/university-of-bath/images/icons/icon-chat.svg" alt="Two speech balloons overlapping to suggest conversation">
    </a>
</div>
<!-- COMPONENT END: Chat Icon -->