add slide-up/slide-down docs

googlearchive · Jun 24, 2014 · ed7096d · ed7096d
1 parent a04c4fe
commit ed7096d
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -17,7 +17,7 @@
 </head>
 <body unresolved>
 
-  <core-component-page sources='["core-animated-pages.html","transitions/core-transition-pages","transitions/hero-transition.html","transitions/cross-fade.html","transitions/cascade-transition.html"]'></core-component-page>
+  <core-component-page sources='["core-animated-pages.html","transitions/core-transition-pages","transitions/hero-transition.html","transitions/cross-fade.html","transitions/cascade-transition.html","transitions/slide-up.html","transitions/slide-down.html"]'></core-component-page>
 
 </body>
 </html>
diff --git a/transitions/slide-down.html b/transitions/slide-down.html
@@ -29,4 +29,27 @@
   }
 </core-style>
 
+<!--
+
+`slide-down` slides an element in the outgoing page from the top of the window and
+slides in an element in the incoming page from the top of the window during a page
+transition. You can configure the duration of the transition with the global variable
+`CoreStyle.g.transitions.slideDuration`.
+
+Example:
+
+    <core-animated-pages transition="slide-down">
+      <section>
+        <div id="div1" slide-down></div>
+      </section>
+      <section></section>
+    </core-animated-pages>
+
+@class slide-down
+@extends core-transition-pages
+@status beta
+@homepage github.io
+
+-->
+
 <core-transition-pages id="slide-down" activeClass="slide-down"></core-transition-pages>
diff --git a/transitions/slide-up.html b/transitions/slide-up.html
@@ -55,5 +55,28 @@
   }
 </core-style>
 
+<!--
+
+`slide-up` slides an element in the outgoing page from the bottom of the window
+and slides in an element in the incoming page from the bottom of the window during
+a page transition. You can configure the duration of the transition with the global
+variable `CoreStyle.g.transitions.slideDuration`.
+
+Example:
+
+    <core-animated-pages transition="slide-up">
+      <section>
+        <div id="div1" slide-up></div>
+      </section>
+      <section></section>
+    </core-animated-pages>
+
+@class slide-up
+@extends core-transition-pages
+@status beta
+@homepage github.io
+
+-->
+
 <core-transition-pages id="slide-up" activeClass="slide-up"></core-transition-pages>
 <core-transition-pages id="slide-up-offscreen" activeClass="slide-up-offscreen"></core-transition-pages>