Zurb Foundation components not working

Question

Zurb Foundation 6 Custom package with All components. For example. How to enable Off-Canvas? The CSS file (foundation.css) has necessary styles and in JS file (foundation.js) has some references. No more files are missing. In any packages...

Answer 1

After downloading the package, make sure you include the componet in your html and calling it. make sure you follow the instructions as noted here:

http://foundation.zurb.com/sites/docs/off-canvas.html#setup

also create a button to toggle the off canvas:

<button type="button" class="button" data-toggle="offCanvas">Open Menu</button>

and init the new off-canvas element at your JS file:

var elem = new Foundation.OffCanvas(element, options);