$('#pm1').puimenu();
                                

<ul id="pm1" >
 <li />
 <li />
 <li />
</ul >

                                

Name	Type	Default	Description
popup	boolean	false	Defines if menu would displayed as a popup.
trigger	string/element	null	Trigger element to show the menu in popup mode.
my	string	left top	Corners of menu to align with trigger in popup mode.
at	string	left bottom	Corner of the trigger to align with menu in popup mode.
triggerEvent	string	click	Event to show the menu in popup mode.

No events.

Name	Parameters	Description
show	-	Shows Menu.
hide	-	Hides Menu.
align	-	Aligns overlay menu.

$('#pm1').puimenu();

$('#pm2').puimenu({
    popup: true,
    trigger: $('#pm2trigger')
});

$('button').puibutton();
                                

<h3 class="first">Default</h3>
<ul id="pm1">
    <li><h3>File</h3></li>
    <li><a data-icon="fa-plus">New</a></li>
    <li><a data-icon="fa-download">Open</a></li>
    <li><h3>Edit</h3></li>
    <li><a data-icon="fa-refresh">Undo</a></li>
    <li><a data-icon="fa-close">Delete</a></li>
</ul>

<h3>Popup</h3>
<button id="pm2trigger" style="margin-top:0px">Show</button>
<ul id="pm2">
    <li><h3>File</h3></li>
    <li><a data-icon="fa-plus">New</a></li>
    <li><a data-icon="fa-download">Open</a></li>
    <li><h3>Edit</h3></li>
    <li><a data-icon="fa-refresh">Undo</a></li>
    <li><a data-icon="fa-close">Delete</a></li>
</ul>

<h3>PrimeElement</h3>
<p-menu>
    <p-submenu value="File">
        <p-menuitem value="New" icon="fa-plus"></p-menuitem>
        <p-menuitem value="Open" icon="fa-download"></p-menuitem>
    </p-submenu>
    <p-submenu value="Edit">
        <p-menuitem value="Undo" icon="fa-refresh"></p-menuitem>
        <p-menuitem value="Close" icon="fa-close"></p-menuitem>
    </p-submenu>
</p-menu>
                                

Usage

Menu is defined using submenus and menuitem elements.

Inline

<p-menu>
    <p-submenu value="File">
        <p-menuitem value="New" icon="fa-plus"></p-menuitem>
        <p-menuitem value="Open" icon="fa-download"></p-menuitem>
    </p-submenu>
    <p-submenu value="Edit">
        <p-menuitem value="Undo" icon="fa-refresh"></p-menuitem>
        <p-menuitem value="Close" icon="fa-close"></p-menuitem>
    </p-submenu>
</p-menu>
                                

Popup

<button id="btn" type="button" is="p-button">Show</button>

<p-menu popup trigger="btn">
    <p-submenu value="File">
        <p-menuitem value="New" icon="fa-plus"></p-menuitem>
        <p-menuitem value="Open" icon="fa-download"></p-menuitem>
    </p-submenu>
    <p-submenu value="Edit">
        <p-menuitem value="Undo" icon="fa-refresh"></p-menuitem>
        <p-menuitem value="Close" icon="fa-close"></p-menuitem>
    </p-submenu>
</p-menu>
                                

Attributes

Name	Type	Default	Description
id	string	null	Identifier of the element.
popup	boolean	false	Defines if menu would displayed as a popup.
trigger	string	null	Id of trigger element to show the menu in popup mode.
my	string	left top	Corners of menu to align with trigger in popup mode.
at	string	left bottom	Corner of the trigger to align with menu in popup mode.
triggerEvent	string	click	Event to show the menu in popup mode.