Popover

Displays rich content in a portal, triggered by a button.

Code

import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from '@/components/ui/Popover';
<Popover>
  <PopoverTrigger className='focus-ring'>
    <Button>Open popover</Button>
  </PopoverTrigger>
  <PopoverContent>popover content</PopoverContent>
</Popover>