Menu that originates from off canvas
import {{'{'}}FuiOffCanvasMenuModule{{'}'}} from 'fuel-ui'; //module
import {{'{'}}OffCanvasMenu, OffCanvasMenuClose{{'}'}} from 'fuel-ui'; //class
The off canvas menu provides a way to extend content from off screen
<off-canvas-menu [origin]="origin" [width]="width" [height]="height"
(close)="onClose()" (open)="onOpen()" #menu>
<div class="p-a-1">
<h3>Menu</h3>
<button class="btn btn-info off-canvas-menu-close">Close Menu with Class</button>
<button class="btn btn-primary" offCanvasMenuClose>Close Menu with Directive</button>
</div>
</off-canvas-menu>
export class OffCanvasMenuExample {{'{'}}
origin = "left";
width = "25%";
height = "25%";
onClose(){{'{'}}
console.log("Menu has been closed!");
{{'}'}}
onOpen(){{'{'}}
console.log("Menu has been opened!");
{{'}'}}
{{'}'}}