code: function PanelProviderConfig($mdPanelProvider) {
      $mdPanelProvider.definePreset('demoPreset', {
        attachTo: angular.element(document.body),
        controller: PanelMenuCtrl,
        controllerAs: 'ctrl',
        template: '' +
            '<div class="menu-panel" md-whiteframe="4">' +
            '  <div class="menu-content">' +
            '    <div class="menu-item" ng-repeat="item in ctrl.items">' +
            '      <button class="md-button">' +
            '        <span>{{item}}</span>' +
            '      </button>' +
            '    </div>' +
            '    <md-divider></md-divider>' +
            '    <div class="menu-item">' +
            '      <button class="md-button" ng-click="ctrl.closeMenu()">' +
            '        <span>Close Menu</span>' +
            '      </button>' +
            '    </div>' +
            '  </div>' +
            '</div>',
        panelClass: 'menu-panel-container',
        focusOnOpen: false,
        zIndex: 100,
        propagateContainerEvents: true,
        groupName: 'menus'
      });
    }
docs: Configuration method that is used to define a preset for the upcoming panel
  element. Each parameter in the preset is an available parameter in the
  `$mdPanel.create` and `$mdPanel.open` methods. When the parameters are
  defined here, they overwrite the default parameters for any panel that the
  preset is requested for.
  @param {!MdPanelProvider} $mdPanelProvider Provider method of the MdPanel
  API.