Settings Rewrite: Make a common settings-section component.

chrome/browser/resources/settings/settings_page/settings_section.js

Index: chrome/browser/resources/settings/settings_page/settings_section.js
diff --git a/chrome/browser/resources/settings/settings_page/settings_section.js b/chrome/browser/resources/settings/settings_page/settings_section.js
new file mode 100644
index 0000000000000000000000000000000000000000..b4c5d2b07bc5f4f40ae1988a0e48325d1b618c44
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_page/settings_section.js
@@ -0,0 +1,37 @@
+// 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-section' shows a paper material themed section with a header
+ * which shows its page title and icon.
+ *
+ * Example:
+ *
+ *    <cr-settings-section page-title="[[pageTitle]]" icon="[[icon]]">
+ *      <!-- Insert your section controls here -->
+ *    </cr-settings-section>
+ *
+ * @group Chrome Settings Elements
+ * @element cr-settings-section
+ */
+Polymer({
+  is: 'cr-settings-section',
+
+  properties: {
+    /**
+     * Title for the page header and navigation menu.
+     */
+    pageTitle: {

[Dan Beam, 2015/07/23 18:33:08]

can't these be simplified to:

  pageTitle: String,

  icon: String,

?

[tommycli, 2015/07/23 19:00:43]

Done. Good call. it worked

+      type: String,
+    },
+
+    /**
+     * Name of the 'iron-icon' to show.
+     */
+    icon: {
+      type: String,
+    },
+  },
+});