Form Control

TaavSelect

انتخاب native با API کنترل‌شده — مناسب فیلترها و فرم‌های ساده DastRanj/VahedYek.

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

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

استفاده پایه

RTL Preview

شهر

<TaavSelect placeholder="انتخاب شهر" options={options} />

پیش‌نمایش

پیش‌نمایش

Prop	نوع	پیش‌فرض	توضیح
`size`	'sm' \| 'md' \| 'lg'	md	ارتفاع و padding
`variant`	'default' \| 'filled' \| 'soft' \| 'ghost'	default	پس‌زمینه
`tone`	'neutral' \| 'success' \| 'warning' \| 'danger'	neutral	رنگ مرز
`invalid`	boolean	false	حالت خطا
`placeholder`	string	—	گزینه placeholder غیرقابل انتخاب
`options`*	TaavSelectOption[]	—	لیست label/value
`iconStart`	ReactNode	—	آیکون RTL

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

Chevron gapvar(--taav-select-icon-gap)

Focusvar(--taav-input-focus-ring)