README
@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 | Текст пункта меню |