Index: third_party/polymer/v0_8/components/paper-tabs/README.md |
diff --git a/third_party/polymer/v0_8/components/paper-tabs/README.md b/third_party/polymer/v0_8/components/paper-tabs/README.md |
new file mode 100644 |
index 0000000000000000000000000000000000000000..d4744e27ecee27dc506994e58269dff131568d73 |
--- /dev/null |
+++ b/third_party/polymer/v0_8/components/paper-tabs/README.md |
@@ -0,0 +1,56 @@ |
+paper-tabs |
+============ |
+ |
+`paper-tabs` makes it easy to explore and switch between different views or functional aspects of |
+an app, or to browse categorized data sets. |
+ |
+Use `selected` property to get or set the selected tab. |
+ |
+Example: |
+ |
+```html |
+<paper-tabs selected="0"> |
+ <paper-tab>TAB 1</paper-tab> |
+ <paper-tab>TAB 2</paper-tab> |
+ <paper-tab>TAB 3</paper-tab> |
+</paper-tabs> |
+``` |
+ |
+See <a href="#paper-tab">paper-tab</a> for more information about |
+`paper-tab`. |
+ |
+A common usage for `paper-tabs` is to use it along with `iron-pages` to switch |
+between different views. |
+ |
+```html |
+<paper-tabs selected="{{selected}}"> |
+ <paper-tab>Tab 1</paper-tab> |
+ <paper-tab>Tab 2</paper-tab> |
+ <paper-tab>Tab 3</paper-tab> |
+</paper-tabs> |
+ |
+<iron-pages selected="{{selected}}"> |
+ <div>Page 1</div> |
+ <div>Page 2</div> |
+ <div>Page 3</div> |
+</iron-pages> |
+``` |
+ |
+To use links in tabs, add `link` attribute to `paper-tab` and put an `<a>` |
+element in `paper-tab`. |
+ |
+Example: |
+ |
+```html |
+<paper-tabs selected="0"> |
+ <paper-tab link> |
+ <a href="#link1" class="horizontal center-center layout">TAB ONE</a> |
+ </paper-tab> |
+ <paper-tab link> |
+ <a href="#link2" class="horizontal center-center layout">TAB TWO</a> |
+ </paper-tab> |
+ <paper-tab link> |
+ <a href="#link3" class="horizontal center-center layout">TAB THREE</a> |
+ </paper-tab> |
+</paper-tabs> |
+``` |