@n3/react-dropdown-menu

Dropdown menu for react applications based on @n3/kit

Usage no npm install needed!

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

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