:
  • Color Scheme 1
  • Color Scheme 2
  • Color Scheme 3
  • Color Scheme 4
Color1:
Color2:
Color3:
|

Text/HTML


Friday , March , 29 2024
Features  >>  Short Codes  >>  Popovers

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