Tooltips & Popovers

Popovers

Add small overlays of content, like those on the iPad, to any element for housing secondary information.

Popover top

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover right

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover bottom

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover left

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Tooltips

Four options are available: top, right, bottom, and left aligned.

Animated Tooltips

Four options are available: top, right, bottom, and left aligned.

Examples Demo
Basic Example Hover Me
Custom open/close triggers Click Me
HTML, side, fixed size Hover Me
Mouse, touch & hybrid devices Hover Me
Animations Hover Me
Interaction with tooltips Hover Me
Multiple tooltips on a single element Hover Me