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