Index: pkg/polymer/lib/elements/polymer-ui-sidebar/polymer-ui-sidebar.html |
diff --git a/pkg/polymer/lib/elements/polymer-ui-sidebar/polymer-ui-sidebar.html b/pkg/polymer/lib/elements/polymer-ui-sidebar/polymer-ui-sidebar.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5fcb894478734b786b1c7a2a67a40c4db5efce2a |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-ui-sidebar/polymer-ui-sidebar.html |
@@ -0,0 +1,43 @@ |
+<!-- |
+Copyright 2013 The Polymer Authors. All rights reserved. |
+Use of this source code is governed by a BSD-style |
+license that can be found in the LICENSE file. |
+--> |
+<!-- |
+/** |
+ * @module Polymer UI Elements |
+ */ |
+/** |
+ * polymer-ui-sidebar is a sidebar usually on the left side of the main content. |
+ * |
+ * Example: |
+ * |
+ * <polymer-ui-sidebar label="Polymer"> |
+ * some content... |
+ * </polymer-ui-sidebar> |
+ * |
+ * @class polymer-ui-sidebar |
+ */ |
+/** |
+ * Sidebar header label. |
+ * |
+ * @attribute label |
+ * @type string |
+ * @default '' |
+ */ |
+--> |
+<link rel="import" href="../polymer/polymer.html"> |
+<link rel="import" href="../polymer-ui-theme-aware/polymer-ui-theme-aware.html"> |
+<link rel="import" href="../polymer-flex-layout/polymer-flex-layout.html"> |
+<link rel="import" href="../polymer-ui-sidebar-header/polymer-ui-sidebar-header.html"> |
+ |
+<polymer-element name="polymer-ui-sidebar" extends="polymer-ui-theme-aware" attributes="label" noscript> |
+ <template> |
+ <link rel="stylesheet" href="polymer-ui-sidebar.css"> |
+ <polymer-flex-layout vertical></polymer-flex-layout> |
+ <polymer-ui-sidebar-header label="{{label}}"> |
+ <content select="[logo]"></content> |
+ </polymer-ui-sidebar-header> |
+ <content></content> |
+ </template> |
+</polymer-element> |