site-drawer-component

Simple site drawer component

Usage no npm install needed!

<script type="module">
  import siteDrawerComponent from 'https://cdn.skypack.dev/site-drawer-component';
</script>

README

Build Status

site-drawer-component

Simple site drawer component

Compatibility

  • Ember.js v3.8 or above
  • Ember CLI v2.13 or above
  • Node.js v8 or above

Installation

ember install site-drawer-component

Usage

Just wrap your content with this component:

application.hbs

<SiteDrawer as |drawer|>
    <drawer.overlay />
    <drawer.aside>
        drawer content here
        You can place everything you need here
    </drawer.aside>

    <drawer.trigger>
        toggle drawer button
    </drawer.trigger>

    ...you main content here...
</SiteDrawer>

drawer object also has toggleDrawer, closeDrawer, openDrawer functions and opened state variable.

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.