dxDigitexa UI
HomeDocsComponentsExamplesAI
Get started
Sections
IntroductionComponentsInstallationThemingCLIFor AI agentsChangelog
Examples
Workspace overviewSettings
Components
AccordionActivity feedAlertAlert dialogAvatarBadgeBreadcrumbButtonCalendarCalendar viewCardCheckboxCollapsibleComboboxCommandContext menuData tableDate pickerDialogDropdown menuEmpty stateFieldHover cardInputInput groupKanbanKbdLabelMeterPaginationPopoverPriorityProgressRadio groupScroll areaSelectSeparatorSheetSidebarSkeletonSliderSpinnerStatus iconSwitchTableTabsTask rowTextareaTimelineToastToggleToggle groupTooltip

Hover card

Popover-styled preview card that opens on hover or focus.

Blocked by DX-129, which is waiting on review.

Installation

$ curl -fsSL https://ui.digitexa.com/dx.mjs | node --input-type=module - add hover-card

Also adds utils, theme and installs @radix-ui/react-hover-card.

Usage

import { HoverCard, HoverCardTrigger, HoverCardContent } from "@/components/ui/hover-card";

The Code tab above shows a complete example.

FieldInput
On this page
PreviewInstallationUsage