Tooltip Component - sirthxalot/vue-foundation-components GitHub Wiki

Tooltips? More like Cooltips. But really though, tooltips are nifty for displaying extended information for a term or action on a page.

<tooltip tip="Tooltips are nifty for displaying extended information for a term or action on a page.">Tooltip</tooltip>

By default, clicking on a tooltip will leave it open until you click somewhere else. However, you can disable that by adding click-open="false" attribute.

<tooltip tip="Term definition" open="false">Term</tooltip>

By default a tooltip will shown below the tooltip element, but you can change this behaviour using the position="" attribute:

<tooltip tip="Term definition" position="top">Term (Top Position)</tooltip>
<tooltip tip="Term definition" position="left">Term (Left Position)</tooltip>
<tooltip tip="Term definition" position="Right">Term (Right Position)</tooltip>