The element tef-tooltip needs to contain the elements that will show a tooltip when hovering them.
For a short tooltip, use the tooltip attribute.
The attribute position will set the position of the tooltip. The default value is top.
Setting the active attribute will make the tooltip visible. If you remove it it will dissapear.
If you want to include HTML markup instead a simple tooltip, insert all that html in the <tooltip> tag.
This is an HTML tooltip
By default tooltips are centered to the target element. Use the position attribute to get the desired position.