Стандарты проектирования
Контекстное меню


Контекстное меню

В данной статье описан компонент меню и его разновидности, p-menu и p-tieredMenu. А также приведены примеры кейсов, где и какое меню может использоваться, и какой контент содержать.

Правила использования компонента p-menu

Компонент p-menu используется, когда нужно вывести контекстное меню. Контекстное меню:

  1. Содержит пункты меню;
  2. Может содержать разделитель, если пункты меню можно разбить на логические разделы;
  3. Может содержать иконки, которые помогают быстрее ориентироваться и искать нужный пункт меню. Если есть возможность выстроить ассоциацию и подробрать иконку, то нужно это сделать;
  4. Может содержать информацию о горячих клавишах, которые отвечают за определенные пункты меню;
  5. Может содержать недоступные (disabled) пункты меню, если доступ к ним ограничен;

Когда используется компонент p-menu

  1. Для вывода контекстного меню в таблице от кнопки с иконкой pi-ellipsis-h:

  1. Для вывода выпадающего меню от кнопки в шапке карточки:

Когда используется компонент p-tieredMenu

  1. Когда меню требует вложенности, то то вместо p-menu следует использовать компонент p-tieredMenu:

  1. Если справа не хватает места, то вложенная часть выводится слева: