Form Control

TaavCheckbox

چک‌باکس native با label/description استاندارد — برای consent، multi-select و bulk actions.

import { TaavCheckbox } from "@repo/ui/taav/forms";

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

استفاده پایه

RTL Preview

قوانین را می‌پذیرممطالعه قرارداد الزامی است.

<TaavCheckbox label="قوانین را می‌پذیرم" defaultChecked />

پیش‌نمایش

sm / brandsuccess tonewarning tone

پیش‌نمایش

indeterminateinvaliddisabled

Prop	نوع	پیش‌فرض	توضیح
`size`	'sm' \| 'md' \| 'lg'	md	اندازه control
`tone`	'brand' \| 'neutral' \| 'success' \| 'warning' \| 'danger'	brand	رنگ checked
`indeterminate`	boolean	false	حالت نیمه‌انتخاب
`invalid`	boolean	false	حالت خطا
`label / description`	ReactNode	—	چیدمان استاندارد label

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

Radiusvar(--taav-checkbox-radius)

Focusvar(--taav-control-focus-ring)