Popover

Preview

Open Popover

Installation

npx skeci-ui add popover

Usage

import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';

<Popover>
  <PopoverTrigger>Open</PopoverTrigger>
  <PopoverContent>
    Place content for the popover here.
  </PopoverContent>
</Popover>

Variants

Alignment

Start

Center

End

Props

PopoverContent

Prop	Type	Default	Description
align	'start' | 'center' | 'end'	'center'	The alignment of the popover relative to the trigger.
sideOffset	number	4	The distance in pixels from the trigger.