#### Popovers

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

#### Dismiss on next click

Use the `focus` trigger to dismiss popovers on the user’s next click of a different element than the toggle element.

Dismissible popover

#### Disabled elements

Elements with the `disabled` attribute aren’t interactive, meaning users cannot hover or click them to trigger a popover (or tooltip). As a workaround, you’ll want to trigger the popover from a wrapper `<div>` or `<span>` and override the `pointer-events` on the disabled element.

#### Hover elements

For disabled popover triggers, you may also prefer `data-trigger="hover"` so that the popover appears as immediate visual feedback to your users as they may not expect to click on a disabled element.

#### Four directions

Four options are available: top, right, bottom, and left aligned.

#### Popovers With Color

Four options are available: top, right, bottom, and left aligned.

#### Popovers With Color

Four options are available: top, right, bottom, and left aligned.