Overlay Primitive

TaavPopover

پنل contextual فشرده — راهنما، quick actions، mini form.

import { TaavPopover, TaavPopoverTrigger, TaavPopoverContent } from "@repo/ui/taav/overlays";

فقط از props رسمی TaavUI استفاده کنید. unsafeClassName و escape hatchهای مشابه فقط برای موارد نادر هستند و نباید در مثال‌های عادی دیده شوند.

استفاده پایه

RTL Preview

پیش‌نمایش

Prop	نوع	پیش‌فرض	توضیح
`size`	'sm' \| 'md' \| 'lg'	md	عرض popover
`variant`	'default' \| 'elevated' \| 'soft'	default	سطح
`tone`	'neutral' \| 'info' \| 'success' \| 'warning' \| 'danger'	neutral	مرز معنادار
`side / align`	Radix placement	—	موقعیت نسبت به trigger

Width mdvar(--taav-popover-width-md)

Padding mdvar(--taav-popover-padding-md)

Z-indexvar(--taav-z-dropdown)