Side Menu in its own component

Ionic Framework
1

I am trying to set the SideMenu and the SideHeader in its own components in my application. But, I believe that due the fact of the relationship w/ contentId, it is not working.
Does someone have a working example?

<ion-app>
  <ion-split-pane contentId="content" >
    <ion-menu contentId="side-menu-content" type="overlay" class="side-menu">
        <app-side-menu></app-side-menu>
    </ion-menu>
    <ion-router-outlet id="content" main></ion-router-outlet>
  </ion-split-pane>
</ion-app>

I also tried to put the ion-menu inside the component w/ no success.

2