PolymerElements / paper-icon-button

A Material Design icon button
https://www.webcomponents.org/element/PolymerElements/paper-icon-button
42 stars 44 forks source link

Feature request: Allow configurable size #76

Closed miztroh-zz closed 8 years ago

miztroh-zz commented 8 years ago

Expose --iron-icon-width and --iron-icon-height from iron-icon.

https://elements.polymer-project.org/elements/iron-icon

I've had many situations that required a larger icon than paper-icon-button provides. I find myself faking it with a paper-button and an iron-icon.

MeTaNoV commented 8 years ago

you can do it already:

<style is="custom-style">
  paper-icon-button.giant {
    width: 100px;
    height: 100px;
  }
</style>
<paper-icon-button icon="alarm-on" title="wake up" class="giant"></paper-icon-button>

See the demo page: https://elements.polymer-project.org/elements/paper-icon-button?view=demo:demo/index.html&active=paper-icon-button

notwaldorf commented 8 years ago

Yup, as @MeTaNoV mentioned, this is already possible just by changing the paper-icon-button's size. Closing.

miztroh-zz commented 8 years ago

@MeTaNoV, @notwaldorf: Ah, awesome. Thanks!