Popover

Popover forma parte del apartado «Feedback» del kit. Alertas, toasts, diálogos y tooltips para comunicar estados y confirmar acciones.

Instalación#

bash

pnpm add @tsukira/ui

tsx

import { Popover } from "@tsukira/ui"; export function Ejemplo() {  return <Popover />;}

Los ejemplos detallados de Popover están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.

PopoverRootProps

Prop	Tipo	Default	Descripción
`children`	`ReactNode`	—	—
`open`	`boolean`	—	—
`defaultOpen`	`boolean`	—	—
`onOpenChange`	`((open: boolean) => void)`	—	—

PopoverTriggerPropsextends ButtonHTMLAttributes<HTMLButtonElement>

Prop	Tipo	Default	Descripción
`asChild`	`boolean`	—	Clona el hijo en lugar de renderizar un <button>.

PopoverAnchorPropsextends HTMLAttributes<HTMLElement>

Prop	Tipo	Default	Descripción
`asChild`	`boolean`	—	Clona el hijo en lugar de renderizar un <span>.

PopoverClosePropsextends ButtonHTMLAttributes<HTMLButtonElement>

Prop	Tipo	Default	Descripción
`asChild`	`boolean`	—	Clona el hijo en lugar de renderizar un <button>.

SimplePopoverProps

Prop	Tipo	Default	Descripción
`trigger`*	`ReactNode`	—	—
`children`*	`ReactNode`	—	—
`side`	`'top' \| 'right' \| 'bottom' \| 'left'`	—	—
`align`	`'start' \| 'center' \| 'end'`	—	—
`showArrow`	`boolean`	—	—
`open`	`boolean`	—	—
`onOpenChange`	`((open: boolean) => void)`	—	—
`defaultOpen`	`boolean`	—	—