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 | |
| Custom open/close triggers | |
| HTML, side, fixed size | |
| Mouse, touch & hybrid devices | |
| Animations | |
| Interaction with tooltips | |
| Multiple tooltips on a single element |