Clever Geek Handbook

Setting the Paper Button Label

Earlier to the current release of paper element 0.6 .., I was able to do the following

  <paper-icon-button
    id='add-btn'
    class='margin-l-t-r-2'
    label='LANGUAGE'
    icon='menu'
    on-click='{{toggle}}'>
  </paper-icon-button>

and the button will contain both an icon and a label. Now the label is not displayed, only the icon on the button. Any help is appreciated on how I can get both the label and the icon on the button.

+3


source to share


1 answer


Yes, it was different now in PolymerJS. They start doing things like children more often, like:

<paper-button>
  <core-icon icon="favorite"></core-icon>
  label goes here
</paper-button>


The docs are here: https://www.polymer-project.org/docs/elements/paper-elements.html#paper-button

Note that <paper-icon-button>

it was probably always meant to be used for icons only. If you want an icon and a shortcut, <paper-button>

this is the way as in my example.

+3


source






More articles:


All Articles