Layout

TaavProgressSummary

پیشرفت setup، multi-step و document completion.

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

Bar variant

RTL Preview

تکمیل راه‌اندازی

۴ مرحله

در انتظار50%

پیش‌نمایش

پیشرفت قرارداد

65%

پیش‌نمایش

مراحل setup VahedYek

پیش‌نمایش

40%

پیش‌نمایش

Prop	نوع	پیش‌فرض	توضیح
`value / max / percent`	number	—	پیشرفت محاسبه‌شده توسط caller
`variant`	'bar' \| 'ring' \| 'list' \| 'compact'	bar	نمایش progress
`tone / size`	TaavLayoutTone / sm\|md\|lg	—	رنگ و اندازه
`items`	TaavProgressSummaryItem[]	—	لیست مراحل تکمیل
`status / showPercent / loading`	TaavStatus / boolean	—	وضعیت و درصد

Bar height mdvar(--taav-progress-height-md)

Fill brandvar(--taav-progress-fill-brand)