Form Control

TaavSwitch

تنظیم boolean با track/thumb توکن‌محور — جایگزین switchهای محلی در settings panels.

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

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

استفاده پایه

RTL Preview

اعلان ایمیلخلاصه رویدادهای مهم را دریافت کنید.

<TaavSwitch label="اعلان ایمیل" defaultChecked />

پیش‌نمایش

sm brandsuccessdanger

پیش‌نمایش

invaliddisabled

Prop	نوع	پیش‌فرض	توضیح
`size`	'sm' \| 'md' \| 'lg'	md	ابعاد track/thumb
`tone`	'brand' \| 'neutral' \| 'success' \| 'warning' \| 'danger'	brand	رنگ track روشن
`onCheckedChange`	(checked: boolean) => void	—	تغییر boolean
`label / description`	ReactNode	—	برچسب تنظیمات

Track mdvar(--taav-switch-track-w-md)

Thumb mdvar(--taav-switch-thumb-md)

On brandvar(--taav-switch-track-on-brand)