chrome/browser/resources/md_user_manager/user_manager_pages.html

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="/create_profile.html">
<link rel="import" href="chrome://resources/cr_elements/cr_view_manager/cr_view_manager.html">

<dom-module id="user-manager-pages">
  <template>
    <style>
      cr-view-manager {
        display: block;
        height: 100%;
      }

      div.active[slot='view'],
      div.closing[slot='view'] {
        align-items: center;
        display: flex;
        justify-content: center;
      }
    </style>
    <cr-view-manager id="animatedPages" role="main">
      <div id="create-user-page" slot="view" on-keydown="stopPropagation_">
        <!-- Keep the page alive while visiting the Learn More page. -->
        <template is="dom-if"
            if="[[isPresentIn_(selectedPage_,
                               'create-user-page',
                               'supervised-learn-more-page')]]" restamp>
          <create-profile></create-profile>
        </template>
      </div>
      <div id="user-pods-page" slot="view">
          <slot></slot>
      </div>
      <div id="supervised-learn-more-page" slot="view"
          on-keydown="stopPropagation_">
        <template is="dom-if"
            if="[[isPresentIn_(selectedPage_, 'supervised-learn-more-page')]]">
          <supervised-user-learn-more></supervised-user-learn-more>
        </template>
      </div>
      <div id="supervised-create-confirm-page" slot="view"
          on-keydown="stopPropagation_">
        <template is="dom-if"
            if="[[isPresentIn_(selectedPage_,
                               'supervised-create-confirm-page')]]">
          <supervised-user-create-confirm profile-info="[[pageData_]]">
          </supervised-user-create-confirm>
        </template>
      </div>
    </cr-view-manager>
  </template>
  <script src="user_manager_pages.js"></script>
</dom-module>