Popover

Conteúdo flutuante exibido ao clicar em um gatilho. Construído sobre Radix UI Popover. Usado em seletores de data, comboboxes e formulários inline.

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

<Popover>
  <PopoverTrigger asChild>
    <Button variant="outline">Abrir</Button>
  </PopoverTrigger>
  <PopoverContent>
    Conteúdo do popover
  </PopoverContent>
</Popover>

Básico

Popover com conteúdo simples.

Alinhamento

Popover com diferentes alinhamentos (start, center, end).

API Reference

Prop	Type	Default	Descrição
`open`	`boolean`	—	Controla o estado aberto/fechado
`defaultOpen`	`boolean`	false	Estado inicial (não controlado)
`onOpenChange`	`(open: boolean) => void`	—	Callback quando o estado muda
`PopoverContent.align`	`'start' \| 'center' \| 'end'`	'center'	Alinhamento horizontal do conteúdo
`PopoverContent.sideOffset`	`number`	4	Distância do gatilho em pixels
`PopoverContent.side`	`'top' \| 'right' \| 'bottom' \| 'left'`	'bottom'	Lado preferido de exibição