Skip to main content

Tooltips v0.2.0+ HelixUI v0.2.0 or later required

Show on Hover

<p>
  <hx-icon data-tooltip="tooltip1" type="help-circle"></hx-icon>
</p>
<hx-tooltip id="tooltip1" position="{{position.value}}">
  {{position.label}}
</hx-tooltip>

Show on Click

{{ position.label }}
<button class="hxBtn" data-tooltip="tooltip2">
  Click to toggle tooltip
</button>
<hx-tooltip id="tooltip2" position="{{position.value}}" trigger-event="click">
  {{position.label}}
</hx-tooltip>

See Also