A wrapper for paper-icon-button that changes its icon on tap.

[ This description is mirrored from README.md at github.com/csonnhalter/cs-toggle-icon-button on 2019-05-10 ]

Published on webcomponents.org


The button changes on tap between two icons and has an optional tooltip. A wrapper for <paper-icon-button> and <paper-tooltip>.

<cs-toggle-icon-button tip="Press me and I will change!" >
<cs-toggle-icon-button do-icon="social:sentiment-dissatisfied" done-icon="social:sentiment-satisfied">


Link to this version
TestedReleased 30 August 2017Other
Framework Support
Polymer 2.0+
Browser Compatibility
Install with
Release notes - Version 0.9.0



  • PolymerElements/iron-icon#^2.0.1
  • PolymerElements/iron-icons#^2.0.1
  • PolymerElements/iron-iconset-svg#^2.0.1
  • PolymerElements/paper-icon-button#^2.0.0
  • PolymerElements/paper-tooltip#^2.0.1