> Available since version: `1.0.0`

> Styling from Mekari UI Toolkit that must be used on this component are (or with its `.scss`):
> - `./css/components/reboot-bootstrap`
> - `./css/utilities/utilities`
> - `./css/components/mekari-ui-popover`

Popover component uses [Popper.js](https://popper.js.org/) to set the position of the popover relatively to popover activator (commonly button that activate the popover). The detail of styling can be seen on [popover component styleguide](http://mekari-ui.sleekr.id/docs/1.0/components/popovers/). Popover can be placed on `top`, `right`, `bottom` and `left` of the popover activator, and can be triggered using `click` and `hover` event.