Top Color:
Main Color:
Bottom Color:
You are Here : Features  >  Short Codes  >  Popovers
Sunday , April , 05 2020

Usage

  1. <a data-original-title="Popover on right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" rel="popover" class="btn" href="#">Popover on right</a>

Options

Name type default description
data-placement string | function 'right' how to position the popover - top | bottom | left | right
data-trigger string 'click' how popover is triggered - click | hover | focus | manual
data-title string | function '' default title value if `title` attribute isn't present
data-content string | function '' default content value if `data-content` attribute isn't present
data-delay number | object 0

delay showing and hiding the popover (ms) - does not apply to manual trigger type

If a number is supplied, delay is applied to both hide/show