Link copied!

Helper Link Examples

This component of the Design System is deprecated, which means it'll be replaced or removed soon. Until that, the Design System team will support existing implementations, but please avoid implementing this component in new projects.

This component is deprecated. Please use e-help-portal-link for support multiple Product type.

<a class="e-helperlink" href="#0" target="_blank">
  <e-icon class="e-helperlink__icon" icon="e-helperlink" size="small"></e-icon>
  <span class="e-helperlink__text">Learn more</span>
</a>
<a class="e-helperlink e-helperlink-nopadding" href="#0" target="_blank">
  <e-icon class="e-helperlink__icon" icon="e-helperlink" size="small"></e-icon>
  <span class="e-helperlink__text">Learn more</span>
</a>
<div class="e-field">
  <label class="e-field__label">
    Label
    <a class="e-helperlink" href="#0" target="_blank">
      <e-icon class="e-helperlink__icon" icon="e-helperlink" size="small"></e-icon>
      <span class="e-helperlink__text">Learn more</span>
    </a>
  </label>
  <input class="e-input">
</div>
<a class="e-btn e-btn-link" href="#0" target="_blank">
  <e-icon icon="e-helperlink"></e-icon>Learn more
</a>