<div class="contact-details">
    <p class="contact-details__address" itemprop="address">
        Gibbs Building</br>215 Euston Road</br>London</br>NW1 2BE</br>UK</br>
    </p>

    <ul class="contact-details__list promo__list">

        <li>
            <a class="link link--phone" itemprop="telephone" href="tel:123456789">123456789</a>
        </li>

        <li>
            <a class="link link--email" itemprop="email" href="mailto:test@example.com">test@example.com</a>
        </li>

    </ul>
</div>

Description

A block component which can show:

  • addresses
  • phone numbers
  • emails

Example appearance: https://wellcome.ac.uk/what-we-do/teams/education-team


Content notes

UX notes

Design notes

Back-end notes

Front-end notes

{
  "description": "Gibbs Building</br>215 Euston Road</br>London</br>NW1 2BE</br>UK</br>",
  "telephone": "123456789",
  "telephone_sanitized": "123456789",
  "email": "test@example.com"
}
  • Handle: @contact-details
  • Preview:
  • Filesystem Path: ../../modules/custom/corp_markup/theme/promos/contact_details.tpl.php/contact_details.tpl.php