Menu - Stack

Stack displays menuitems in stacked format.

Documentation
Stack is displayed at bottom right corner of the page. Clicking the basket icon toggles the items.
<style type="text/css">
    .ui-stack {
        z-index: 1000;
    }
</style>

Stack is displayed at bottom right corner of the page. Clicking the basket icon toggles the items.

<p:stack icon="/resources/demo/images/dock/stack.png" expanded="true">
    <p:menuitem value="Home" icon="/resources/demo/images/dock/home.png" url="#"/>
    <p:menuitem value="Music" icon="/resources/demo/images/dock/music.png" url="#"/>
    <p:menuitem value="Video" icon="/resources/demo/images/dock/video.png" url="#"/>
    <p:menuitem value="Email" icon="/resources/demo/images/dock/email.png" url="#"/>
    <p:menuitem value="Portfolio" icon="/resources/demo/images/dock/portfolio.png" url="#"/>
</p:stack>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.