Stack displays menuitems in stacked format.
<style>
.ui-stack {
z-index: 1000;
}
</style>
<div class="card">
Stack is displayed at bottom right corner of the page. Clicking the basket icon toggles the items.
</div>
<h:form>
<p:stack icon="/resources/demo/images/dock/stack.png" expanded="true">
<p:menuitem value="Home" icon="/resources/demo/images/dock/home.png"/>
<p:menuitem value="Music" icon="/resources/demo/images/dock/music.png"/>
<p:menuitem value="Video" icon="/resources/demo/images/dock/video.png"/>
<p:menuitem value="Email" icon="/resources/demo/images/dock/email.png"/>
<p:menuitem value="Portfolio" icon="/resources/demo/images/dock/portfolio.png"/>
</p:stack>
</h:form>