Domphy
HomeQuickstartAIDocsCoreThemeUIQueryRouterTableVirtualFormDnDPaletteAppMarkdownMermaidDoctorIntegrationsResearchPlayground
​
Overview
Color And Tone
Dimension
Customization
Creation
Patches
AbbreviationAlertAvatarBadgeBlockquoteBreadcrumbButtonButton SwitchCardCodeComboboxCommandDate PickerDescription ListDetailsDialogDividerDrawerEmphasisFigureFormForm GroupHeadingHorizontal RuleIconImageInput CheckboxInput ColorInput Date TimeInput FileInput NumberInput OTPInput RadioInput RangeInput SearchInput SwitchInput TextKeyboardLabelLinkMarkMenuMotionOrdered ListPaginationParagraphPopoverPopover ArrowPreformatedProgressSelectSelect BoxSelect ListSkeletonSmallSpinnerSplitterStrongSubscriptSuperscriptTableTabsTagTextareaToastToggleTooltipTransitionGroupUnordered List
Recipes
Alert DialogCollapsibleContext MenuHover CardMenubar

Hover Card

A rich content card that appears on hover — composed from popover and card. No new patch needed.

​

How it works

popover({ openOn: "hover" }) already handles hover show/hide and floating positioning. The content prop receives any DomphyElement — here a card with profile info. The trigger is a link element.

PatternUsage
popover({ openOn: "hover" })Hover trigger + floating position
cardStyled content container
PreviousContext MenuNextMenubar
On this page
How it works
Released under the MIT License.