Text

Helpful links

Text
PATTERN OVERVIEW

Feature helpful links in a short list format. 

GUIDELINES

Precede the hyperlink with the forward arrow from the Optum icon library. Add the icon in line with the copy within Source edit mode — see code examples below. 

Component names: Use the "Text3" component and add the icon class to add the icon and font styles to buid this pattern. Icon classes info is located in the Font Icons chart.

Text

Example of code to add the forward icon in line with the copy:

<p><span class="oi-forward">&nbsp;</span><b><a adhocenable="false" href="#" target="blank">Find a network doctor</a></b></p>

Example of code to apply the heading style:

<h2><span class="epsilon">Helpful links</span></h2>

Text
specifications

Character count: Up to 40 characters (includes spaces)

Type: Use sentence case, no punctuation

Type alignment: Left aligned

Horizontal intro shourt Rule

Example