Tooltip by Halo-Digital

This package contains a tooltip with the following features:

• Delayed tooltip

• Various positions

• Text ellipsis for tooltip source text

Enjoy!

Attributes

haloTooltip

Text inside the tooltip
Type: string

tooltipDelay

How many milliseconds to wait before display the tooltip
Type: number
Default: 0

tooltipPosition

The tooltip position relative to the parent element
Type: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'middle-left' | 'middle-right' | 'top-center' | 'top-left' | 'top-right'
Default: 'top-right'

enableEllipsis

Declare if the parent element text will be shrinked with ellipsis
Type: boolean
Default: false

Example

<div haloTooltip="Tooltip text"
     tooltipDelay="1000"
     tooltipPosition="top-center"
     enableEllipsis="true">

     Parent text

</div>