کشویی به کاربران این امکان را میدهد که یک آیتم را از فهرستی از گزینهها انتخاب کنند.
renderTitle، دکمه سفارشی برای کشویی تنظیم کنیم.trigger را به click، hover یا context تنظیم کنیم.placement در اطراف عنصر توسعهدهنده در موقعیتهای مختلف تنظیم شود.activeKey تنظیم کنید تا وضعیت فعال Dropdown.Item را مشخص کنید.disabled میتواند هم در Dropdown و هم در Dropdown.Item برای غیرفعال کردن اقدامات کاربر استفاده شود.'default'، 'header'، 'divider'، 'default' را استفاده کنید.| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| title | عنوان کشویی | string | - |
| renderTitle | عنوان سفارشی کشویی | ReactNode | - |
| trigger | حالت فعالسازی کشویی | 'click' | 'hover' | 'context' | 'click' |
| placement | موقعیتی که منوی کشویی در آن باز میشود | 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'middle-start-top'| 'middle-start-bottom' | 'middle-end-top'| 'middle-end-bottom' | 'bottom-start' |
| menuClass | کلاس اضافی برای منوی کشویی (! برای اصلاحات tailwind css توصیه میشود) | string | - |
| menuStyle | سبکهای اضافی برای منوی کشویی | object | - |
| toggleClassName | کلاس اضافی برای دکمه کشویی (! برای اصلاحات tailwind css توصیه میشود) | string | - |
| disabled | آیا کشویی غیرفعال باشد | boolean | - |
| activeKey | آیتم مربوط به Dropdown.Item را با مطابقت دادن آن با پراپ eventkey به عنوان فعال مشخص کنید | string | - |
| onClick | فراخوانی هنگام کلیک بر روی دکمه کشویی | (e: MouseEvent) => void | - |
| onMouseEnter | فراخوانی هنگام قرار گرفتن موس روی دکمه کشویی | (e: MouseEvent) => void | - |
| onMouseLeave | فراخوانی هنگام خارج شدن موس از دکمه کشویی | (e: MouseEvent) => void | - |
| onContextMenu | فراخوانی هنگام کلیک راست روی دکمه کشویی | (e: MouseEvent) => void | - |
| onSelect | فراخوانی هنگام کلیک بر روی آیتم کشویی | (e: MouseEvent) => void | - |
| onOpen | فراخوانی هنگام باز شدن کشویی | () => void | - |
| onClose | فراخوانی هنگام بسته شدن کشویی | () => void | - |
| onToggle | فراخوانی هنگام باز یا بسته شدن کشویی | (open: boolean) => void | - |
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| active | آیا آیتم کشویی جاری فعال است | boolean | - |
| disabled | آیا آیتم کشویی جاری غیرفعال است | boolean | - |
| variant | نوع آیتم کشویی را تعریف کنید | 'default' | 'header' | 'divider' | 'custom' | - |
| eventKey | مقدار آیتم کشویی | string | - |
| onClick | فراخوانی هنگام کلیک بر روی آیتم کشویی | () => void | - |
| onSelect | فراخوانی هنگام کلیک بر روی آیتم کشویی | (eventKey: string, e: MouseEvent) => void | - |
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| title | عنوان برای زیرمنو | string | ReactNode | - |
| eventKey | مقدار زیرمنوی کشویی | string | - |
| placement | موقعیتی که منوی کشویی در آن باز میشود | 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'middle-start-top'| 'middle-start-bottom' | 'middle-end-top'| 'middle-end-bottom' | - |