/

Popovers


Button

Button

Popover for button

Title

Title

Popover with 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(
    UIMButton(["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

Popover with custom HTML

Position

Position

Popover on topPopover on rightPopover on bottomPopover on left

Animation

Animation

Popover without animation

Showing and Hiding

Delay

Popover with delay in ms for showing and hiding

Popover with delay

Trigger

Trigger type

Popover triggered by click and hover

Trigger by click and hover

Dismissible

Dismissible

Dismiss on next click outside of element

Disabled elements

Disabled elements

Popover for disabled element