Layout

TaavPageShell

پوسته استاندارد صفحات DastRanj و VahedYek با variant، width، padding و density کنترل‌شده.

import { TaavPageShell } from '@repo/ui/taav/layout';

استفاده پایه

RTL Preview

مدیریت اطلاعات پایه، برندینگ و حساب‌های بانکی.

محتوای section

پیش‌نمایش

default

dashboard

settings

detail

form

report

پیش‌نمایش

narrow

normal

wide

Prop	نوع	پیش‌فرض	توضیح
`variant`	'default' \| 'dashboard' \| 'settings' \| 'detail' \| 'form' \| 'report'	default	الگوی صفحه
`width`	'narrow' \| 'normal' \| 'wide' \| 'full'	normal	حداکثر عرض container
`padding / density`	none\|sm\|md\|lg / compact\|comfortable\|spacious	—	فاصله صفحه
`withBackground / withContainer`	boolean	true	پس‌زمینه و container
`header / sidebar / footer`	ReactNode	—	اسلات‌های layout

Container normalvar(--taav-page-container-normal)

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

Gap comfortablevar(--taav-layout-gap-comfortable)