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