====== SnapJS ======
The Javascript library SnapJS can be used for side menu bar.

Source [[https://github.com/jakiestfu/Snap.js/ | SnapJS at Github]]

Demo [[http://jakiestfu.github.io/Snap.js/demo/apps/default.html | SnapJS]]

===== Change Drawer Width =====
To change the width of the drawer the CSS //and// the Snapper instance has to be configured (maxPosition).

<sxh css; title: snap.css>
.snap-drawer {
  width: 400px;
}
</sxh>

<note tip>This can be overridden in you application CSS file with <code>.snap-drawer { width: 400px !important; }</code></note>

<sxh javascript;>
new Snap({
  element: document.getElementById("snap-content"),
  maxPosition: 401
})
</sxh>

{{tag>devel javascript}}