Popover

Basic

     

Colors

Change a popover color using the data-state attribute.

       

Styles

Change a popover style using the data-style attribute.

       
       
       

Initializing

You can initialize all popovers on a page by their data-toggle attribute:


$(function() {
  $('[data-toggle="popover"]').popover();
});
        

Usage


require(['jquery', 'px/extensions/popover'], function($) {
  ...
});
        

Usage

To use popovers, you need to include ui-bootstrap.js script:


<script src="path/to/js/ui-bootstrap.js"></script>
        

Example