TabMenu

TabMenu is a navigation component mainly used at header and footer sections.

Inline

Fixed at Footer

Source

tabMenu.xhtml

<h2 class="first">Inline</h2>
<p:tabMenu>
    <p:menuitem value="Home" icon="ui-icon-home" outcome="tabMenu" iconPos="top"/>
    <p:menuitem value="Settings" icon="ui-icon-gear" outcome="tabMenu2" iconPos="top"/>
    <p:menuitem value="Search" icon="ui-icon-search" outcome="tabMenu3" iconPos="top"/>
</p:tabMenu>

<h2>Fixed at Footer</h2>
<p:button outcome="tabMenuFixed" value="View Example" />