Skip to content

Offcanvas without triggerButton

Vasileios Mitsaras edited this page May 2, 2019 · 1 revision
var leftOffcanvas;

function openOffcanvas () {
  leftOffcanvas.open();
}

window.openOffcanvas = openOffcanvas;

$( '#left' ).on( "create.offcanvas", function( e ){
  leftOffcanvas = $(this).data('offcanvas-component');
});

$('.js-open-offcanvas').on('click', function () {
  openOffcanvas();
});

$( document ).trigger( "enhance" );
<aside class="js-offcanvas" data-offcanvas-options='{"modifiers":"left, overlay"}' id="left" role="complementary">
    <input>
    <button class="js-offcanvas-close">Close</button>
</aside>

Demo https://github.com/vmitsaras/js-offcanvas/blob/master/demo/no-trigger-button.html

Issue: Offcanvas without triggerButton #40

Clone this wiki locally