Popover

Displays rich content anchored to a trigger, below the button.

Installation

npx ghost-ui-native add popover

Usage

import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';
<Popover open={open} onOpenChange={setOpen}>
  <PopoverTrigger asChild>
    <Button variant="outline">Open popover</Button>
  </PopoverTrigger>
  <PopoverContent>
    <Text>Popover content</Text>
  </PopoverContent>
</Popover>