side-menu.events.comp.tsx

   // side-menu.tsx
   @Event() backgroundToggle: EventEmitter;
   menuToggle(e) {
     console.log('Background toggled menu', e);
     this.backgroundToggle.emit(e);
   }

   render() {
   return (
         <div class="side-menu">
           <div class="menu-background" onClick={(e) => this.menuToggle(e)}>
         </div>
         <div class="actual-menu">
           This is my side menu!
         </div>
       </div>
     );
   }