Hover Card

HoverCard provides rich previews for profile links or item cards.

Usage

HoverCardExample.tsx

import { HoverCard, HoverCardTrigger, HoverCardContent, Text, Avatar } from '@masumdev/rn-ui';

export function HoverCardExample() {
  return (
    <HoverCard>
      <HoverCardTrigger>
        <Text color="primary">@masumdev</Text>
      </HoverCardTrigger>
      <HoverCardContent>
        <Avatar name="Ma'sum" />
        <Text variant="h4">Ma'sum Dev</Text>
        <Text variant="caption">React Native UI Library Author</Text>
      </HoverCardContent>
    </HoverCard>
  );
}

Props API

Prop	Type	Default	Description
children	ReactNode	—	Trigger and Content elements.