Skip to main content

Links

This link appears outside of a paragraph.

This is a link is very long, (it may overlap in smaller containers) has a descenders (yjgpq) and is in a regular paragraph of text.

This is an H1 link

This is an H2 link

This is an H3 link

This is an H4 link

This is an H5 link

In order to use this pattern, you must load the ashlar/material-icons library on the page. You can do this by including another block on the page that has the library attached, attaching it to a view, or hard coding it in with a link tag pointing to the font file.

Home  Apply

<a href="#" class="icon-link"><span class="material-icons" aria-hidden="true">home</span>Home</a>
<a href="#" class="icon-link"><span class="material-icons" aria-hidden="true">how_to_reg</span>Apply</a>