Popover

Popover renders floating content popups positioned relative to anchor triggers.

Usage

PopoverExample.tsx

import { Popover, PopoverTrigger, PopoverContent, Button, Text } from '@masumdev/rn-ui';

export function PopoverExample() {
  return (
    <Popover>
      <PopoverTrigger>
        <Button variant="outline">Open Popover</Button>
      </PopoverTrigger>
      <PopoverContent>
        <Text>Floating card overlay content</Text>
      </PopoverContent>
    </Popover>
  );
}

Props API

Prop	Type	Default	Description
children	ReactNode	—	PopoverTrigger and PopoverContent elements.