@n3/react-dropdown

Dropdown component for react applications based on @n3/kit

Usage no npm install needed!

<script type="module">
  import n3ReactDropdown from 'https://cdn.skypack.dev/@n3/react-dropdown';
</script>

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 элемента, относительно которого позиционируется выпадающее меню