Missouri State University Pattern Library

Highlight

There are no notes for this item.

<div class="ContentBlock highlight">
    <div class="eyebrow">Lorem ipsum</div>
    <div class="value">100</div>
    <div class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus libero magnam exercitationem!</div>
    <a href="#" class="button secondary">Lorem ipsum</a>
</div>
 
<div class="ContentBlock highlight{{#if selected}} selected{{/if}}">
  {{#if eyebrow}}
    <div class="eyebrow">{{eyebrow}}</div>
  {{/if}}
  <div class="value">{{value}}</div>
  <div class="description">{{description}}</div>
  {{#if link}}<a href="{{link.url}}" class="button secondary">{{link.text}}</a>{{/if}}
</div>
 
{
  "eyebrow": "Lorem ipsum",
  "value": 100,
  "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus libero magnam exercitationem!",
  "link": {
    "text": "Lorem ipsum",
    "url": "#"
  }
}