Origami Frontend Components & Services

Demos: o-link-list

o-link-list has a support status of "experimental". This means that the component's API may change without notice, and there is no guarantee that the component is ready for production use.


A list of links to be used in navigation


A list of links to be used outside of navigation. This demo includes the semantic mark-up for a list and would be appropriate for a non-navigational list of links, as seen in an aside

<aside class="o-link-list">
  <div class="o-link-list__aside-title">Topics mentioned in this article</div>
  <ul class="o-link-list__item-container">
    <li><a class="o-link-list__item" href="#">item 1</a></li>
    <li><a class="o-link-list__item" href="#">item 2</a></li>
    <li><a class="o-link-list__item" href="#">item 3</a></li>
    <li><a class="o-link-list__item" href="#">item 4</a></li>
    <li><a class="o-link-list__item" href="#">item 5</a></li>
    <li><a class="o-link-list__item" href="#">item 6</a></li>
    <li><a class="o-link-list__item" href="#">item 7</a></li>
Switch component view

GitHub Repository

Install o-link-list

If using the Build Service, add o-link-list@^2.1.0 to your link tag.

If running a Manual Build, run bower install --save "o-link-list@^2.1.0".

Help & Support

o-link-list is maintained directly by the Origami team. If you have any questions about o-link-list or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com