Link bar

Ready

Notes
Info
HTML
View
Context

No notes defined.

Handle: @link-bar
Preview:
- With layout
- Component only
Filesystem Path: src/components/03-page-elements-and-patterns/navigation-elements/link-bar/link-bar.hbs
Referenced by (2): @call-to-action, @quick-links


        
        <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": "#"
    }
  ]
}