Helper elements are small, simple elements that are useful when composing patterns.

Element Example Comment Code
ACE Text ACE text ACE Text is used as a wrapper for text fragments, to enable styling against sibling elements. Very commonly this is used to position text against an icon within the parent element. 
<span class="ace-text">ACE text</span>

This feature was added to ACE after ACE Classic Templates went into maintenance mode (bugfixes only). By default new ACE features are not supported in Classic, but can be contributed if a specific need is identified.
Help Link

Help

Help

Help Links provide the help icon as a link, with optional visible text. This often combined with the Toggle Element helper to make a quick reveal pattern.

Icon only:

<a href="http://example.com/" class="ace-helplink"><span class="ace-icon ace-icon-status-help" title="Help!">Help!</span></a>

Text only:

<a href="http://example.com/" class="ace-helplink"><span class="ace-icon ace-icon-status-help"></span><span class="ace-text">Help!</span></a>

Text only, with example Toggle Element attribute:

<a href="http://example.com/" class="ace-helplink" data-acetoggleelement="#showme1"><span class="ace-icon ace-icon-status-help"></span><span class="ace-text">Help!</span></a>

This feature was added to ACE after ACE Classic Templates went into maintenance mode (bugfixes only). By default new ACE features are not supported in Classic, but can be contributed if a specific need is identified.