search

googlearchive / icon-transition

SVG icon transitions per the Material spec.
http://polymerlabs.github.io/icon-transition
31 stars 13 forks source link

How can I use it with paper-icon-button? #3

Open diegohaz opened 9 years ago

richiksc commented 9 years ago

You can not use it in paper-icon-button, however you can put it in a div with relative position and a <paper-ripple fit class="circle recenteringTouch"> Make the div and the icon transition both 24px width and height and add 8px padding to the div.

<div relative style="width:24px; height:24px; padding:8px;">
  <paper-ripple fit class="circle recenteringTouch"></paper-ripple>
  <icon-transition shape="{{shape}}"></icon-transition>
</div>