fn_registry/frontend/functions/ui/popover.md

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, output, tested, tests, test_file_path, file_path, props, emits, has_state, framework, variant

name	kind	lang	domain	version	purity	signature	description	tags	uses_functions	uses_types	returns	returns_optional	error_type	imports	output	tested	tests	test_file_path	file_path	props	emits	has_state	framework	variant
popover	component	ts	ui	1.0.0	impure	Popover(props: PopoverProps): JSX.Element	Contenido flotante posicionado accesible con animaciones. Base-UI Popover primitive.	popover component ui interactive overlay base-ui	cn_ts_core			false		@base-ui/react/popover	Componente Popover que renderiza contenido flotante accesible posicionado automáticamente	false			frontend/functions/ui/popover.tsx	name type required description open boolean false Estado controlado de apertura name type required description defaultOpen boolean false Estado inicial de apertura (no controlado) name type required description onOpenChange (open: boolean) => void false Callback cuando cambia el estado de apertura name type required description sideOffset number false Distancia en px entre trigger y popover (default: 4)	onOpenChange	false	react

Ejemplo

<Popover>
  <PopoverTrigger asChild>
    <Button variant="outline">Abrir</Button>
  </PopoverTrigger>
  <PopoverContent>
    <PopoverHeader>
      <PopoverTitle>Configuracion</PopoverTitle>
      <PopoverDescription>Ajusta tus preferencias.</PopoverDescription>
    </PopoverHeader>
    <div className="mt-4">
      {/* contenido */}
    </div>
  </PopoverContent>
</Popover>

Notas

Compuesto de: Popover (root), PopoverTrigger, PopoverContent (positioner + popup), PopoverClose, PopoverHeader, PopoverTitle, PopoverDescription. El posicionamiento automatico lo maneja Base-UI. Animaciones con data-open/data-closed.