Navigation Primitive

TaavStepper

جریان چندمرحله‌ای visual shell — onboarding، draft contract، setup.

import { TaavStepper } from "@repo/ui/taav/navigation";

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

Horizontal + progress

Controlled RTL example

پیش‌نمایش

Prop	نوع	پیش‌فرض	توضیح
`steps`*	TaavStep[]	—	title/description/status/icon
`currentStep`	string	—	id step فعلی
`orientation`	'horizontal' \| 'vertical'	horizontal	چیدمان RTL
`variant`	'numbered' \| 'icon' \| 'compact'	numbered	نمایش indicator
`showProgress`	boolean	true	نوار پیشرفت
`allowClick / onStepClick`	boolean / fn	—	ناوبری کلیکی

Size mdvar(--taav-stepper-size-md)

Currentvar(--taav-stepper-current)

Connectorvar(--taav-stepper-connector)