@n3/react-dropdown
v0.3.0
Published
Dropdown component for react applications based on @n3/kit
Downloads
129
Maintainers
Keywords
Readme
@n3/react-dropdown
Компонент выпадающего меню для приложений на базе @n3/kit
.
import Dropdown from '@n3/react-dropdown';
Props
| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|----------|----------------|-----|-----------------------|----------|
| hasHorizontalOffsets | | bool | true
| есть ли горизонтальный отступ между элементом и меню |
| hasVerticalOffsets | | bool | true
| есть ли вертикальный отступ между элементом и меню |
| dropdownComponent | + | elementType | | компонент выпадающего меню |
| dropdownProps | | objectOf { any} | {}
| дополнительные props выпадающего списка |
| placement | | string | 'bottom-start'
| позиция меню в формате popper.js |
| popperStyle | | object | {}
| дополнительные стили popper-компонента |
| popperProps | | objectOf { any} | {}
| дополнительные опции popper-компонента |
| modifiers | | arrayOf [ object] | []
| modifiers popper-компонента |
| children | + | func | | Функция рендера элемента, открывающего выпадающего меню@param {Object} renderProps@param {boolean} renderProps.isDropdownOpen - открыто ли меню@param {Function} renderProps.onClick - обработчик нажатия на элемент, открывающий/закрывающий меню@param {React ref} renderProps.ref - ref элемента, относительно которого позиционируется выпадающее меню |