updated dependencies and readme to 0.9.0

README.md

@@ -1 +1,33 @@
 # iron-collapse
+
+`iron-collapse` creates a collapsible block of content.  By default, the content
+will be collapsed.  Use `opened` or `toggle()` to show/hide the content.
+
+    <button on-click="{{toggle}}">toggle collapse</button>
+
+    <iron-collapse id="collapse">
+      <div>Content goes here...</div>
+    </iron-collapse>
+
+    ...
+
+    toggle: function() {
+      this.$.collapse.toggle();
+    }
+
+`iron-collapse` adjusts the height/width of the collapsible element to show/hide
+the content.  So avoid putting padding/margin/border on the collapsible directly,
+and instead put a div inside and style that.
+
+    <style>
+      .collapse-content {
+        padding: 15px;
+        border: 1px solid #dedede;
+      }
+    </style>
+
+    <iron-collapse>
+      <div class="collapse-content">
+        <div>Content goes here...</div>
+      </div>
+    </iron-collapse>

bower.json

@@ -1,6 +1,7 @@
 {
   "name": "iron-collapse",
   "version": "0.9.0",
+  "description": "Provides a collapsable container",
   "authors": [
     "The Polymer Authors"
   ],
@@ -17,10 +18,10 @@
   },
   "license": "MIT",
   "homepage": "https://github.com/PolymerElements/iron-collapse",
-  "ignore": [
-  ],
+  "ignore": [],
   "dependencies": {
-    "polymer": "Polymer/polymer#v0.9.0-rc.1"
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0",
+    "polymer": "Polymer/polymer#^0.9.0"
   },
   "devDependencies": {
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.6.0",