Hover card · Components

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

Opens on press on native.

<HoverCard><HoverCardTrigger asChild /><HoverCardContent insets /></HoverCard>

Already in every copy of the native kit:

import { HoverCard } from '@/components/ui/hover-card';

Exports: HoverCard
Source: apps/mobile/components/ui/hover-card.tsx
Packages: @rn-primitives/hover-card@^1.5.2, react-native-reanimated@4.5.1, react-native-screens@~4.26.0
Installs with: @kit-native/lib-utils, @kit-native/text, rnr/native-only-animated-view
Also searched as: preview, profile card
Registry JSON: /r/native/hover-card.json

The web kit's real component, live. Follows this site's theme.

For sighted mouse users it previews; touch users never see it. Keep it supplementary.

<HoverCard><HoverCardTrigger asChild /><HoverCardContent /></HoverCard>

Already in every copy of the web kit:

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

Agents: the whole registry is at /llms.txt.