بخشها گروهی از گزینههای مرتبط را نمایش میدهند که امکان روشن یا خاموش کردن آنها برای کاربر فراهم میشود.
Button دارند.selectionType به multiple.disabled، آیتم بخش را غیرفعال کنید.طرح برای شخصی.
طرح برای تیم
برای طرح کسب و کار با ما صحبت کنید.
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| defaultValue | مقدار اولیه برای بخش بدون کنترل | string[] | - |
| onChange | فراخوانی هنگام تغییر مقدار بخش | (segmentValue: string | string[]) => void | - |
| selectionType | آیا فقط یک آیتم یا چند آیتم میتوانند در یک زمان انتخاب شوند | 'single' | 'multiple' | 'single' |
| size | اندازه تمامی آیتمهای بخش. | 'lg' | 'md' | 'sm' | 'xs' | 'md' |
| value | مقدار کنترل شده آیتم بخش برای فعال کردن | string[] | - |
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| children | فرزند آیتم بخش | ({active: boolean, disabled: boolean, value: string[], ref: string, onSegmentItemClick: () => void}) => ReactNode | ReactNode | - |
| disabled | آیا آیتم بخش غیرفعال است | boolean | - |
| size | اندازه آیتم بخش. | 'lg' | 'md' | 'sm' | 'xs' | 'md' |
| value | یک مقدار منحصر به فرد برای آیتم بخش | string | - |