smdm-slide-menu/src/demo/ts-demo.ts

A library agnostic multilevel page menu with a smooth slide effect based on CSS transitions, focused on accessibility.

import { SlideMenu } from '../../dist/index';

const menuLeftElem = document.getElementById('test-menu-left');

const menuLeft = new SlideMenu(menuLeftElem, {
  position: 'left',
  keyClose: 'Escape',
  showBackLink: false,
  navigationButtons: '>',
  backLinkBefore: '<',
  closeOnClickOutside: true,
  navigateLinks: true,
  minWidthFold: 768,
  menuWidth: 440,
});

if (window.innerWidth > 767) {
  menuLeft.open(false);
}