Carregando…

Popover

Overlays

Click-triggered popover panel with title, description, footer and placement.

Instalação via CLI

$ npx kikitocn add popover

Interno:

@/lib/utils

Exemplo de uso

PopoverExample.tsx

import { Popover } from "@/components/ui/cn/popover/Popover";

export function PopoverExample() {
  return (
    <Popover />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`content`	`ReactNode`	`undefined`	Conteúdo livre do popover
`placement`	`'top' \| 'top-start' \| 'top-end' \| 'bottom' \| 'bottom-start' \| 'bottom-end' \| 'left' \| 'right'`	`'bottom'`	Posicionamento relativo ao trigger
`title`	`string`	`undefined`	Título em negrito no topo do popover
`description`	`string`	`undefined`	Texto de descrição abaixo do título
`footer`	`ReactNode`	`undefined`	Área de ações no rodapé
`showClose`	`boolean`	`false`	Exibe botão × no canto superior direito
`open`	`boolean`	`undefined`	Estado controlado de abertura
`onOpenChange`	`(open: boolean) => void`	`undefined`	Callback quando o estado de abertura muda
`children*`	`ReactElement`	—	Elemento trigger (clicável)

Carregando…

Default