Menu

When to use

Use for popup context menus triggered by a button click. share menus, action menus with icons.

Guidelines

• Use icons: Icons help users scan menu items faster.
• Group with separators: Use separator items to group related actions.
• Destructive last: Place dangerous actions (delete) at the bottom, separated.

How it works

const menuRef = ref()
const toggle = (e) => menuRef.value.toggle(e)
const items = [
    { label: "Edit", icon: "pi pi-pencil" },
    { separator: true },
    { label: "Delete", icon: "pi pi-trash" },
]