This component is experimental. This component is not guaranteed to be ready for production use, and the API should be considered unstable.

o-link-list

Styles for lists of links

experimental

Navigation

A list of links to be used in navigation

Aside

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>
  </ul>
</aside>
Bower Dependencies
o-colors ^3.3.1
GitHub Repository

Quickstart

Build Service

Add the following to your <link> tag

o-link-list@^1.0.5

How do I do that?

For more information see the Origami build service.

Manual Build Process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-link-list"@"^1.0.5"

For more information see the Origami build process.