/

Popovers


Button

Button

Title

Title

H5Div(["mb-5"], ["data-css":"a, button {
	margin-top: 200px;
}", 
  "data-js":"var popoverTriggerElements = document.querySelectorAll(&apos;[data-bs-toggle=&quot;popover&quot;]&apos;);&#10;for (var i = 0; i < popoverTriggerElements.length; i++) {&#10;&#9;new bootstrap.Popover(popoverTriggerElements[i])&#10;}"], 
  H5H3(["text-muted"], "Title"),
  H5Div(
    BS5Button(["btn-secondary"], ["data-bs-toggle":"popover", "title":"Popover title", 
    "data-bs-content":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo."], "Popover with title")))

Custom HTML

Custom HTML

Position

Position

Animation

Animation

Showing and Hiding

Delay

Popover with delay in ms for showing and hiding

Trigger

Trigger type

Popover triggered by click and hover

Dismissible

Dismissible

Dismiss on next click outside of element

Disabled elements

Disabled elements