diff options
Diffstat (limited to 'catapult/third_party/polymer/components/neon-animation/neon-animatable.html')
-rw-r--r-- | catapult/third_party/polymer/components/neon-animation/neon-animatable.html | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/neon-animation/neon-animatable.html b/catapult/third_party/polymer/components/neon-animation/neon-animatable.html new file mode 100644 index 00000000..267ae5ed --- /dev/null +++ b/catapult/third_party/polymer/components/neon-animation/neon-animatable.html @@ -0,0 +1,54 @@ +<!-- +@license +Copyright (c) 2015 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +--> + +<link rel="import" href="../polymer/polymer.html"> +<link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html"> +<link rel="import" href="neon-animatable-behavior.html"> + +<!-- +`<neon-animatable>` is a simple container element implementing `Polymer.NeonAnimatableBehavior`. This is a convenience element for use with `<neon-animated-pages>`. + +``` +<neon-animated-pages selected="0" + entry-animation="slide-from-right-animation" + exit-animation="slide-left-animation"> + <neon-animatable>1</neon-animatable> + <neon-animatable>2</neon-animatable> +</neon-animated-pages> +``` +--> + +<dom-module id="neon-animatable"> + <template> + <style> + :host { + display: block; + } + </style> + + <content></content> + </template> + +</dom-module> + +<script> + + Polymer({ + + is: 'neon-animatable', + + behaviors: [ + Polymer.NeonAnimatableBehavior, + Polymer.IronResizableBehavior + ] + + }); + +</script> |