Tooltips

To make a tooltip show on hover or focus, add the event name to the data-trigger attribute. e.g., data-trigger="tooltip". There are several other data attributes you can specify. See the full list here: Bootstrap Tooltips

REQUIRES JAVASCRIPT
This element requires both jQuery and corelogic-ui.min.js to function properly.

If you would like to only load the tooltip, make sure to load @corelogic/clui/dist/js/components/tooltip.js. Call window.clui.tooltipInit() to initialize the component.

Default Tooltips

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>