I am a popover with more information. Hit esc or click away to close me.
A basic example of using the popover attribute.
To have more granular control over the popover, you can explicitly set types of popovers. For example, using a bare `popover` attribute with no value is the same as `popover="auto"`. The `auto` value enables light-dismiss behavior and automatically closes other popovers. Use `popover="manual"` and you will need to add a close button, manual popovers don't close other popovers or allow users to dismiss the popover by clicking away in the UI. You create a manual popover using the following:
I am a popover with more information. Hit the close button or toggle to close me.
An example of a manual popover.
> [!NOTE]
> **Note:** There is a third type of popover, `popover="hint"` which has been discussed in standards bodies but not yet implemented. This value would enable the opening of popovers that don't close other popovers, while still allowing light-dismiss. `popover="hint"` is useful for tooltips and other ephemeral layers interfaces.
## Popover versus modal dialog
You may be wondering if you need popover when dialog exists, and the answer is: you might not.
It's important to note that the popover attribute does not provide semantics on its own. And while you can now build modal dialog-like experiences using popover, there are a few key differences between the two:
### The modal `