Scaffold for MD-Settings, inside chrome://md-settings.

chrome/browser/resources/settings/settings_drawer/settings_drawer.js

+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @fileoverview
+ * 'cr-settings-drawer' holds the user card and navigation menu for settings
+ * pages.
+ *
+ * Example:
+ *
+ *     <core-drawer-panel>
+ *       <cr-settings-drawer drawer selectedIndex="{{index}}" pages="{{pages}}">
+ *       </cr-settings-drawer>
+ *       <cr-settings-main main currentPageIndex="{{index}}" pages="{{pages}}">
+ *       </cr-settings-main>
+ *     </core-drawer-panel>
+ *
+ * @group Chrome Settings Elements
+ * @element cr-settings-drawer
+ */
+Polymer('cr-settings-drawer', {
+  publish: {
+    /**
+     * Pages to include in the navigation.
+     *
+     * @attribute pages
+     * @type Array<!CrSettingsPage>
+     * @default []
+     */
+    pages: [],

[Jeremy Klein, 2015/03/07 23:55:13]

This should be initialized in the created callback. See
https://www.polymer-project.org/docs/polymer/polymer.html. Search for "For
property values that are objects or arrays".

+
+    /**
+     * Index of the currently selected page.
+     *
+     * @attribute selectedIndex
+     * @type number
+     * default 0
+     */
+    selectedIndex: 0,
+  },
+
+  /**
+   * @type {Object}
+   * TODO(michaelpg): Create custom element and data source for user card.
+   */
+  user: {
+    name: 'Chrome User',
+    email: 'user@example.com',
+  },
+});