0% Complete

Popover

Popovers are used to provide additional information on elements where a simple tooltip is not sufficient.

#

Default Markup

To create a default popover use:

Popover title

And here's some amazing content. It's very engaging. Right?
#

Directions

Popover supports these directions:

auto popover
auto-start popover
auto-end popover
Top popover
Top-start popover
Top-end popover
Left popover
left-start popover
left-end popover
right popover
right-start popover
right-end popover
bottom popover
bottom-start popover
bottom-end popover
#

Component inside popover

You can place any components inside popovers:

#

Popover on hover

Popover can be triggered manual, with a click and on focus and on hover. This one reacts on hover.

Popover title

And here's some amazing content. It's very engaging. Right?