Overlay Primitive

TaavDialog

Modal accessible با focus trap — تأیید، هشدار danger و فرم کوتاه.

import { TaavDialog, TaavDialogTrigger, TaavDialogContent } from "@repo/ui/taav/overlays";

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

استفاده پایه

RTL Preview

پیش‌نمایش

پیش‌نمایش

<TaavDialogContent size="md">
  <TaavFormField label="نام"><TaavInput /></TaavFormField>
</TaavDialogContent>

Prop	نوع	پیش‌فرض	توضیح
`size`	'sm' \| 'md' \| 'lg' \| 'xl' \| 'fullscreen'	md	عرض dialog
`variant`	'default' \| 'elevated' \| 'soft'	default	سطح بصری
`tone`	'neutral' \| 'danger' \| 'success' \| 'warning' \| 'info'	neutral	مرز معنادار
`showCloseButton`	boolean	true	دکمه بستن RTL
`open / onOpenChange`	boolean / fn	—	controlled state

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

Surfacevar(--taav-overlay-surface)

Backdropvar(--taav-overlay-backdrop)