npm.io
0.2.0 • Published 5 years ago

@n3/react-dropdown-menu

Licence
MIT
Version
0.2.0
Deps
4
Size
14 kB
Vulns
0
Weekly
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 Текст пункта меню