0.2.0 • Published 3 years ago
@n3/react-dropdown-menu v0.2.0
@n3/react-dropdown-menu
Список опций выпадающего меню для приложений на базе @n3/kit
.
import createDropdownMenu from '@n3/react-dropdown-menu';
Пример
import { ButtonDropdown } from '@n3/kit';
import createDropdownMenu from '@n3/react-dropdown-menu';
...
<ButtonDropdown
dropdown={createDropdownMenu([
{
component: 'a',
href: 'http://netrika.ru/',
target: '_blank',
label: 'Ссылка на сайт Нетрики',
},
{
type: 'button',
onClick: () => {
alert('Hello');
},
label: 'Алерт',
},
])}
>
Открыть меню
</ButtonDropdown>
Параметры пункта меню
Название | Обязательность | Тип | Значение по умолчанию | Описание |
---|---|---|---|---|
component | elementType | 'button' | Компонент для рендера элемента меню | |
disabled | bool | false | Выключен ли данный элемент меню | |
className | string | '' | Дополнительный className | |
onClick | func | null | ||
renderIcon | func | null | Функция рендера иконки пункта меню@param {Object} renderProps@param {boolean} renderProps.disabled - выключен ли пункт меню | |
label | + | node | Текст пункта меню |