Form Control

TaavRadio & TaavRadioGroup

انتخاب تک‌گزینه‌ای با چیدمان عمودی/افقی — مناسب wizard و setup flows.

import { TaavRadio, TaavRadioGroup } from "@repo/ui/taav/forms";

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

استفاده پایه

Controlled RTL example

پایهبرای تیم‌های کوچکحرفه‌ایامکانات کاملسازمانیپشتیبانی اختصاصی

<TaavRadioGroup name="plan" value={value} onValueChange={setValue} options={options} />

پیش‌نمایش

روزانههفتگیماهانه

پیش‌نمایش

پایهبرای تیم‌های کوچکحرفه‌ایامکانات کامل

Prop	نوع	پیش‌فرض	توضیح
`size`	'sm' \| 'md' \| 'lg'	md	اندازه radio
`tone`	'brand' \| 'neutral' \| 'success' \| 'warning' \| 'danger'	brand	رنگ dot
`orientation`	'horizontal' \| 'vertical'	vertical	چیدمان TaavRadioGroup
`options`*	TaavRadioOption[]	—	گزینه‌های گروه
`onValueChange`	(value: string) => void	—	تغییر مقدار گروه

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

Dot mdvar(--taav-radio-dot-size-md)

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