Basic & Dismissible Popovers
Standard popover toggled on click, and dismissible popover which hides automatically when clicking outside the trigger element.
Popover Directions
Position the popover box relative to the trigger element in four directions: top, right, bottom, and left.
Color Variants
Custom brand-colored popovers styling the popover header, body, borders, and pointing arrows dynamically.
Sizing & Shapes
Adjust width constraints, padding, font scaling, and border rounding for advanced layout setups.
Custom Gradients & HTML
Inject multi-color gradient fills or render rich custom HTML including lists, buttons, and icons inside popovers.
Trigger Modes (Click vs Hover)
Change how popovers are triggered. Set standard toggle-on-click or auto hover triggers using `data-bs-trigger`.