Overlay Primitive

TaavDrawer

پنل کناری RTL — default side=`left` (لبه شروع در RTL). مناسب فیلتر و جزئیات.

import { TaavDrawer, TaavDrawerContent } from "@repo/ui/taav/overlays";

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

استفاده پایه (RTL default: left)

RTL Preview

پیش‌نمایش

Prop	نوع	پیش‌فرض	توضیح
`side`	'right' \| 'left' \| 'top' \| 'bottom'	left	RTL default: left (start edge)
`size`	'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'	md	عرض/ارتفاع drawer
`variant`	'default' \| 'elevated' \| 'soft'	default	سطح بصری
`showCloseButton`	boolean	true	دکمه بستن

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

Default sideleft (RTL start edge)

Shadowvar(--taav-overlay-shadow)