Link List
Link Lists provide a simple, inline list of links that can be used for simple navigation at the top of marketing pages, or wherever a set of inline links are desired.
Examples and Code
Section titled “Examples and Code”
Open Full Example
<ul class="linklist">
<li class="linklist__link">Link 1</li>
<li class="linklist__link">Link 2</li>
<li class="linklist__link">Link 3</li>
</ul>Guidance
Section titled “Guidance”When to Use Link Lists
Section titled “When to Use Link Lists”- In narrow marketing page envelopes: Use for top of the page anchor link navigation when there are less than 6 links.
- For a small set of related links
When to Consider Another Component
Section titled “When to Consider Another Component”- For lists with many links: For longer lists of links, use Resource Listings instead.
Styles
Section titled “Styles”| Classname | Effect | Reason to Use |
|---|---|---|
linklist--no-icon | Chevron icon is hidden from links | Use depending on site’s design |