Form Control

TaavSegmentedControl

انتخاب compact از چند mode — فیلترها، yes/no، view switch در DastRanj/VahedYek.

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

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

استفاده پایه

Controlled RTL example

<TaavSegmentedControl value={value} onValueChange={setValue} options={options} />

پیش‌نمایش

پیش‌نمایش

Prop	نوع	پیش‌فرض	توضیح
`size`	'sm' \| 'md' \| 'lg'	md	ارتفاع segment
`tone`	'brand' \| 'neutral'	brand	نقش رنگی
`variant`	'solid' \| 'soft' \| 'outline'	solid	سبک segment
`width`	'auto' \| 'full'	auto	عرض کنترل
`options`*	TaavSegmentedOption[]	—	label/value/icon

Height mdvar(--taav-segmented-height-md)

Selected bgvar(--taav-segmented-selected-bg)

Radiusvar(--taav-segmented-radius)