Rebel Slide Menu

A simple vanilla web component to provide an easy to use slide-in menu.

• Demo

Polyfills

To get this web component working in all major browser make sure you include the skatejs-web-components.js polyfill before including this web component.

Usage

There are two ways you can make use of this web component. You can use it as part of a bigger ES2015 project as ES2015 source, or you can include a compiled ES5 version.

ES5

You can simple included the compiled version into your project and make use of the custom element rbl-repeater.

    <script src="dist/rebel-slide-menu.js"></script>
    <rebel-slide-menu id="menu">
        <span slot="title">Navigation</span>
        <ul slot="content" class="default">
            <li><a href="#">HOME</a></li>
            <li><a href="#about">ABOUT</a></li>
            <li><a href="#contact">CONTACT</a></li>
            <li><a href="#tcs">T & Cs</a></li>
        </ul>
    </rebel-slide-menu>

ES2015

For ES2015 projects you can install this component directly into your project using npm.

npm install rebel-slide-menu

Then you can include it into your ES2015 project as you would any other module:

import * as RebelProgressBar from 'node_modules/rebel-slide-menu/src/rebel-slide-menu';

Note: rebel-slide-menu.js doesn't actually export anything but an import is required to have the custom element registered on the document.

Contributing

Please submit any suggestions or changes via a pull request.