ETR Component Library

Event Icon 

<div class="w-full md:h-full md:rounded-l event-data-icon bg-primary text-white leading-none uppercase flex md:flex-col md:items-center md:justify-center p-4">
    <div class="text-lg md:text-base font-normal tracking-wider md:mb-1"></div>
    <div class="md:hidden">&nbsp;</div>
    <div class="text-lg font-normal md:text-4xl  md:mb-1"></div>
    <div class="md:hidden">,&nbsp;</div>
    <div class="text-lg md:text-base font-normal tracking-wider"></div>
</div>
 
{{#if link}}<a class="w-full md:h-full block event-data-icon bg-primary text-white leading-none uppercase flex md:flex-col md:items-center md:justify-center p-4 hover:text-white" href="{{url}}">
{{else}}
<div class="w-full md:h-full md:rounded-l event-data-icon bg-primary text-white leading-none uppercase flex md:flex-col md:items-center md:justify-center p-4">
{{/if}}
    <div class="text-lg md:text-base font-normal tracking-wider md:mb-1">{{month}}</div>
    <div class="md:hidden">&nbsp;</div>
    <div class="text-lg font-normal md:text-4xl  md:mb-1">{{day}}</div>
    <div class="md:hidden">,&nbsp;</div>
    <div class="text-lg md:text-base font-normal tracking-wider">{{year}}</div>
{{#if link}}
</a>
{{else}}
</div>
{{/if}}
 
{
  "date": {
    "month": "April",
    "day": "5",
    "year": "2020"
  },
  "showStates": true
}

There are no notes for this item.