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 |