TaavUI Lab
Layout

TaavSettingsSection

الگوی split برای settings، payroll، branding و workspace.

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

Split layout

RTL Preview

نام کسب‌وکار

فعال
80%

نام رسمی که در فاکتورها و قراردادها نمایش داده می‌شود.

Variants

پیش‌نمایش

Default

(اختیاری)

border-bottom pattern

Card

داخل کارت

Props

Propنوعپیش‌فرضتوضیح
variant'default' | 'card' | 'split' | 'compact'defaultالگوی settings
title / description / asideReactNodeستون توضیحات
status / completion / warningReactNode / TaavStatusوضعیت تکمیل
required / optionalbooleanبرچسب الزامی/اختیاری
density'compact' | 'comfortable'comfortableتراکم

Do / Don't

انجام دهید

  • برای settings VahedYek از variant=split استفاده کنید
  • completion را از بیرون محاسبه و pass کنید

انجام ندهید

  • قوانین business validation داخل SettingsSection نگذارید