Separator

To add a menu separator use the pam-Menu-Separator attribute in a li element. It works the same for horizontal menus.

Markup

Toggle example guides Toggle HTML markup

<div pam-Menu="vertical truncated">
    <ul pam-Menu-List>
        <li pam-Menu-Item><a href="#" pam-Menu-Link>Home</a></li>
        <li pam-Menu-Separator></li>
        <li pam-Menu-Item><a href="#" pam-Menu-Link>JavaScript</a></li>
        <li pam-Menu-Item><a href="#" pam-Menu-Link>C++</a></li>
        <li pam-Menu-Separator></li>
        <li pam-Menu-Item><a href="#" pam-Menu-Link>Smalltalk</a></li>
        <li pam-Menu-Item><a href="#" pam-Menu-Link>Cobol</a></li>
    </ul>
</div>