Click the buttons below to see basic popover examples.

Use the focus trigger to dismiss popovers on the next click that the user makes.

Popovers can be triggered on hover using the data-bs-trigger="hover" attribute.

Popovers can contain HTML content using the data-bs-html="true" attribute.

Popovers with custom styling for different purposes and contexts.

Popovers can display rich content with images, lists, and interactive elements.