Missouri State University Pattern Library

Important link

This element is available as a component. It is also part of the related content with important links pattern.

Add an important link to your page in Modern Campus CMS

<div class="ContentBlock important-link">
    <!-- Log the context received by the partial to see what it is receiving -->
    <a href="#">
        <div class="eyebrow">Lorem ipsum dolor</div>
        <div class="headline">Lorem ipsum dolor sit amet consectetur</div>
    </a>
</div>
 
<div class="ContentBlock important-link">
  {{log this}}  <!-- Log the context received by the partial to see what it is receiving -->
  <a href="{{url}}">
    {{#if eyebrow}}
      <div class="eyebrow">{{eyebrow}}</div>
    {{/if}}
    <div class="headline">{{headline}}</div>
  </a>
</div>
 
{
  "eyebrow": "Lorem ipsum dolor",
  "headline": "Lorem ipsum dolor sit amet consectetur",
  "url": "#"
}