Index: third_party/polymer/v1_0/components-chromium/paper-tabs/README.md |
diff --git a/third_party/polymer/v1_0/components-chromium/paper-tabs/README.md b/third_party/polymer/v1_0/components-chromium/paper-tabs/README.md |
index cc28ca0c653d9c0bc741a3814bf81932c40b50a6..68fdc148571f00d2d9f4bc6885101d2f24b072ff 100644 |
--- a/third_party/polymer/v1_0/components-chromium/paper-tabs/README.md |
+++ b/third_party/polymer/v1_0/components-chromium/paper-tabs/README.md |
@@ -12,9 +12,9 @@ thing! https://github.com/PolymerLabs/tedium/issues |
--> |
-[](https://travis-ci.org/PolymerElements/paper-tabs) |
+[](https://travis-ci.org/PolymerElements/paper-tabs) |
-_[Demo and API Docs](https://elements.polymer-project.org/elements/paper-tabs)_ |
+_[Demo and API docs](https://elements.polymer-project.org/elements/paper-tabs)_ |
##<paper-tabs> |
@@ -36,7 +36,7 @@ Example: |
</paper-tabs> |
``` |
-See <a href="#paper-tab">paper-tab</a> for more information about |
+See <a href="?active=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 |
@@ -61,10 +61,35 @@ element in `paper-tab`. |
Example: |
-```html |
-<style is="custom-style"> |
+<pre><code> |
+<style is="custom-style"> |
.link { |
-``` |
+ @apply(--layout-horizontal); |
+ @apply(--layout-center-center); |
+ } |
+</style> |
+ |
+<paper-tabs selected="0"> |
+ <paper-tab link> |
+ <a href="#link1" class="link">TAB ONE</a> |
+ </paper-tab> |
+ <paper-tab link> |
+ <a href="#link2" class="link">TAB TWO</a> |
+ </paper-tab> |
+ <paper-tab link> |
+ <a href="#link3" class="link">TAB THREE</a> |
+ </paper-tab> |
+</paper-tabs> |
+</code></pre> |
+ |
+### Styling |
+ |
+The following custom properties and mixins are available for styling: |
+ |
+| Custom property | Description | Default | |
+| --- | --- | --- | |
+| `--paper-tabs-selection-bar-color` | Color for the selection bar | `--paper-yellow-a100` | |
+| `--paper-tabs` | Mixin applied to the tabs | `{}` | |