Polymer Settings Scaffold in MD-Settings

chrome/browser/resources/settings/dummy_page/dummy_page.html

Index: chrome/browser/resources/settings/dummy_page/dummy_page.html
diff --git a/chrome/browser/resources/settings/dummy_page/dummy_page.html b/chrome/browser/resources/settings/dummy_page/dummy_page.html
new file mode 100644
index 0000000000000000000000000000000000000000..5fb66f085dee8cafa75d8ee7adb4a6528cfe322f
--- /dev/null
+++ b/chrome/browser/resources/settings/dummy_page/dummy_page.html
@@ -0,0 +1,60 @@
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html">
+<link rel="import" href="chrome://resources/polymer/paper-button/paper-button.html">
+<link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_collapse/cr_collapse.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_dropdown_menu/cr_dropdown_menu.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_toggle_button/cr_toggle_button.html">
+<link rel="import" href="chrome://md-settings/settings_page/settings_page_header.html">
+
+<polymer-element name="cr-settings-dummy-page">
+  <template>
+    <link rel="stylesheet" href="chrome://md-settings/settings_page/settings_page.css">
+    <section layout vertical cross-fade>
+      <cr-settings-page-header page="{{}}"></cr-settings-page-header>
+      <div class="main">
+        <section>
+          <h3>cr-toggle-button</h3>
+          <cr-toggle-button></cr-toggle-button>
+          <cr-toggle-button checked></cr-toggle-button>
+        </section>
+        <section>
+          <h3>cr-checkbox</h3>
+          <cr-checkbox></cr-checkbox>
+          <cr-checkbox checked></cr-checkbox>
+        </section>
+        <section>
+          <h3>cr-dropdown-menu</h3>
+          <cr-dropdown-menu>
+            <core-menu class="menu">
+              <paper-item>Chrome</paper-item>
+              <paper-item>IE</paper-item>
+              <paper-item>Firefox</paper-item>
+            </core-menu>
+          </cr-dropdown-menu>
+        </section>
+        <section>
+          <h3>cr-collapse</h3>
+          <paper-button id="manage-button" raised on-tap="{{toggleCollapse_}}">
+            Toggle Collapse
+          </paper-button>
+          <cr-collapse id="collapse">
+            <div>collapsed content</div>
+          </cr-collapse>
+        </section>
+        <section>
+          <h3>cr-button</h3>
+          <cr-button>Flat button</cr-button>
+          <cr-button raised>Raised Button</cr-button>
+        </section>
+        <section>
+          <h3>cr-input</h3>
+          <cr-input label="Enter Something!"></cr-input>
+        </section>
+      </div>
+    </section>
+  </template>
+  <script src="dummy_page.js"></script>
+</polymer-element>