Missouri State University Pattern Library

Link bar

There are no notes for this item.

<div class="link-bar">
    <ul class="container">
        <li>
            <a href="#" class="button">Lorem ipsum</a>
        </li>
        <li>
            <a href="#" class="button">Lorem ipsum</a>
        </li>
        <li>
            <a href="#" class="button">Lorem ipsum</a>
        </li>
    </ul>
</div>
 
<div class="link-bar">
  <ul class="container">
    {{#each link}}
      <li>
        <a href="{{url}}" class="button">{{text}}</a>
      </li>
    {{/each}}
  </ul>
</div>
 
{
  "link": [
    {
      "text": "Lorem ipsum",
      "url": "#"
    },
    {
      "text": "Lorem ipsum",
      "url": "#"
    },
    {
      "text": "Lorem ipsum",
      "url": "#"
    }
  ]
}