<div class="mp c-meta-box">
<h2 class="c-h c-h--event-date">1 October 2024</h2>
<div class="u-flow--3xs">
<h3 class="c-h c-h--step-0">11:00 – 1200</h3>
<p>Eastern Time (US & 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>
Meta box
{
"date": {
"date": "2024-10-01T10:52:25.456Z",
"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[] |