![]()
Контекстное меню
В данной статье описан компонент меню и его разновидности, p-menu и p-tieredMenu. А также приведены примеры кейсов, где и какое меню может использоваться, и какой контент содержать.
Правила использования компонента p-menu
Компонент p-menu используется, когда нужно вывести контекстное меню.
Контекстное меню:
- Содержит пункты меню;
- Может содержать разделитель, если пункты меню можно разбить на логические разделы;
- Может содержать иконки, которые помогают быстрее ориентироваться и искать нужный пункт меню. Если есть возможность выстроить ассоциацию и подробрать иконку, то нужно это сделать;
- Может содержать информацию о горячих клавишах, которые отвечают за определенные пункты меню;
- Может содержать недоступные (
disabled) пункты меню, если доступ к ним ограничен;

Когда используется компонент p-menu
- Для вывода контекстного меню в таблице от кнопки с иконкой
pi-ellipsis-h:

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

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

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