PAM

States

pam-Menu-Item has states active, selected and disabled to adjust menu items to different contexts.

Home
About
Stuff

Markup

<div pam-Menu="horizontal">
    <ul pam-Menu-List>
        <li pam-Menu-Item="selected">
            <a href="#" pam-Menu-Link>Home</a>
        </li>
        <li pam-Menu-Item>
            <a href="#" pam-Menu-Link>About</a>
        </li>
        <li pam-Menu-Item="disabled">
            <a href="#" pam-Menu-Link>Stuff</a>
        </li>
    </ul>
</div>