Menu

Meta box

<div class="mp c-meta-box">
<h2 class="c-h c-h--event-date">24 November 2022</h2>
<div class="u-flow--3xs">
<h3 class="c-h c-h--step-0">11:00 – 1200</h3>
<p>Eastern Time (US &amp; Canada)</p>
</div>
<div class="u-grey-step-1">
<ul class="u-flow--2xs u-link-inside">
<li>
<strong>Language:</strong>
<span>English</li>
<li>
<strong>Event type:</strong>
<span>Webinar - Live</li>
<li>
<strong>Industry:</strong>
<span><a href="/prototype/range/">Pharmaceutical</a>
</li>
<li>
<strong>Products:</strong>
<ul class="u-margin-top-2xs u-margin-left-2xs u-flow--2xs">
<li><a href="/prototype/range">Empyrean range</a></li>
<li><a href="/prototype/range">Zetasizer range</a></li>
<li><a href="/prototype/range">X-ray Diffraction (XRD)</a></li>
</ul>
</li>
</ul>
</div>
<a href="#" class="mp c-button c-button--wide c-button--tight" >Register for this event</a>
</div>
{
"date": {
"date": "2022-11-24T12:31:02.769Z",
"time": "11:00 – 1200",
"timezone": "Eastern Time (US & Canada)"
},
"linkLabel": "Register for this event",
"link": "#",
"meta": [
{
"title": "Language",
"term": "English"
},
{
"title": "Event type",
"term": "Webinar - Live"
},
{
"title": "Industry",
"term": "<a href=\"/prototype/range/\">Pharmaceutical</a>"
},
{
"title": "Products",
"terms": [
"<a href=\"/prototype/range\">Empyrean range</a>",
"<a href=\"/prototype/range\">Zetasizer range</a>",
"<a href=\"/prototype/range\">X-ray Diffraction (XRD)</a>"
]
}
]
}

Props

Name Type Description
date object dateOptions
linkLabel string Button label
link string
meta termGroup[]

dateOptions

Name Type Description
date date Datetime of the instance
time string String-based time
timezone string String-based timezone
duration string Providing this will make it a 'past event'

termGroup

Name Type Description
title string
term string
terms string[]