joker726 / eeh-slideout

An AngularJS Slideout.js module.

eeh-slideout

An AngularJS Slideout.js module.

This module works great with the eeh-navigation module.

Usage

<eeh-slideout is-open="slideOutMenuIsOpen" panel-selector="'#panel'" menu-selector="'#menu'">
    <nav id="menu">
        <ul>
            <li><a href="/foo">Foo</a></li>
            <li><a href="/bar">Bar</a></li>
        </ul>
    </nav>

    <main id="panel">
        <button ng-click="slideOutMenuIsOpen = !slideOutMenuIsOpen">
            toggle slideout menu
        </button>

        <section>
            <p>Main Content</p>
        </section>
    </main>
</eeh-slideout>