Quick links are a collection of links, predominately displayed, that prompt website visitors to complete a desired action. The Hero component provides the opportunity to add up to three quick links (buttons) at the top of your page.
Quick links, located just above the footer, may also be added to your page. These quick links are available only by request. These links typically repeat the call-to-action links located at the top of your page.
- Handle: @quick-links
- Preview:
- Filesystem Path: src/components/03-page-elements-and-patterns/navigation-elements/quick-links/quick-links.hbs
- References (1): @link-bar
- Referenced by (6): @mlp-grids, @mlp-grids--mlp-wp, @mlp-grids-col-snippets-components, @mlp-grids-col-snippets-components--mlp-wp, @mlp-guide, @mlp-guide--mlp-wp
<div class="quick-links">
<div class="container">
<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>
</div>
<div class="quick-links">
<div class="container">
{{> @link-bar linkBar}}
</div>
</div>
{
"linkBar": {
"link": [
{
"text": "Lorem ipsum",
"url": "#"
},
{
"text": "Lorem ipsum",
"url": "#"
},
{
"text": "Lorem ipsum",
"url": "#"
}
]
}
}