To apply this component, add the uk-tooltip attribute to an element. You also need to add the title: TEXT option to the attribute, whose value will represent your tooltip's text

<div uk-tooltip="title: Hello World"></div>

Alignment

Add one of the following options to the uk-tooltip attribute to adjust the tooltip's alignment.

Attribute Description
pos: top Aligns the tooltip to the top.
pos: top-left Aligns the tooltip to the top left.
pos: top-right Aligns the tooltip to the top right.
pos: bottom Aligns the tooltip to the bottom.
pos: bottom-left Aligns the tooltip to the bottom left.
pos: bottom-right Aligns the tooltip to the bottom right.
pos: left Aligns the tooltip to the left.
pos: right Aligns the tooltip to the right.

Delay

To apply this component, add the uk-tooltip attribute to an element. You also need to add the title: TEXT option to the attribute, whose value will represent your tooltip's text

<button class="uk-button uk-button-default" uk-tooltip="title: Hello World; delay: 500">Hover</button>

© 2019 Sasuke. All Rights Reserved.