Navigation Primitive

TaavTabs

ناوبری بخش‌های داخل صفحه — settings، details، profile.

import { TaavTabs, TaavTabsList, TaavTabsTrigger, TaavTabsContent } from "@repo/ui/taav/navigation";

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

Underline (default)

RTL Preview

تنظیمات عمومی سازمان

پیش‌نمایش

نمای روزانه

Prop	نوع	پیش‌فرض	توضیح
`variant`	'underline' \| 'pill' \| 'soft' \| 'boxed'	underline	سبک tab list
`size`	'sm' \| 'md' \| 'lg'	md	ارتفاع trigger
`tone`	'brand' \| 'neutral'	brand	رنگ selected
`orientation`	'horizontal' \| 'vertical'	horizontal	چیدمان
`value / onValueChange`	string / fn	—	controlled tab

Height mdvar(--taav-tabs-height-md)

Indicatorvar(--taav-tabs-indicator)

Selected bgvar(--taav-tabs-selected-bg)