Select a background color for the page:
Default Popover
Default Popover
This is the content of a default popover.
It appears on hover or click of the summary.
- Default variant styling
- Icon and title in summary
- Positioned absolutely below
Ghost Variant Popover
Ghost Variant
Ghost variant with transparent background for summary.
Suitable for inline or subtle popovers.
Link Variant Popover
Link Style Popover
Link variant appears as underlined text with icon.
Ideal for navigational or informational tooltips.
The popover content can include links or other interactive elements.
Multiple Popovers
Popover 1
Content for first popover.
Popover 2
Content for second popover.
Popover 3
Content for third popover with destructive styling.
Popover with Complex Content
Complex Content
Popover with more complex content layout.
Section 1
Section 2
Footer text in popover.
Long Title Popover
This is a very long popover title that demonstrates wrapping behavior in the summary area
Popover with wrapped title.
The summary handles long titles gracefully.