Index: third_party/polymer/components/iron-fit-behavior/README.md |
diff --git a/third_party/polymer/components/iron-fit-behavior/README.md b/third_party/polymer/components/iron-fit-behavior/README.md |
index ed1b72f9bd857ec5c4cf49000703dddeb6a720c4..8dbc78e363dc06d8771fd21caeea4e452788f1d6 100644 |
--- a/third_party/polymer/components/iron-fit-behavior/README.md |
+++ b/third_party/polymer/components/iron-fit-behavior/README.md |
@@ -19,7 +19,7 @@ _[Demo and API docs](https://elements.polymer-project.org/elements/iron-fit-beha |
##Polymer.IronFitBehavior |
-Polymer.IronFitBehavior fits an element in another element using `max-height` and `max-width`, and |
+`Polymer.IronFitBehavior` fits an element in another element using `max-height` and `max-width`, and |
optionally centers it in the window or another element. |
The element will only be sized and/or positioned if it has not already been sized and/or positioned |
@@ -30,7 +30,28 @@ by CSS. |
| `position` set | Element is not centered horizontally or vertically | |
| `top` or `bottom` set | Element is not vertically centered | |
| `left` or `right` set | Element is not horizontally centered | |
-| `max-height` or `height` set | Element respects `max-height` or `height` | |
-| `max-width` or `width` set | Element respects `max-width` or `width` | |
+| `max-height` set | Element respects `max-height` | |
+| `max-width` set | Element respects `max-width` | |
+ |
+`Polymer.IronFitBehavior` can position an element into another element using |
+`verticalAlign` and `horizontalAlign`. This will override the element's css position. |
+ |
+```html |
+ <div class="container"> |
+ <iron-fit-impl vertical-align="top" horizontal-align="auto"> |
+ Positioned into the container |
+ </iron-fit-impl> |
+ </div> |
+``` |
+ |
+Use `noOverlap` to position the element around another element without overlapping it. |
+ |
+```html |
+ <div class="container"> |
+ <iron-fit-impl no-overlap vertical-align="auto" horizontal-align="auto"> |
+ Positioned around the container |
+ </iron-fit-impl> |
+ </div> |
+``` |