← Back

cs-toggle-icon-button

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

Author

Rating

Popularity

<100

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

<cs-toggle-icon-button>

Name: cs-toggle-icon-button
Availability: InStock
Rating: 5 (132 reviews)
Author: csonnhalter

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>
<cs-toggle-icon-button do-icon="social:sentiment-dissatisfied" done-icon="social:sentiment-satisfied">
</cs-toggle-icon-button>

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#^2.0.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

Released: 2017-08-30
Maturity: TESTED
License: Other

Compatibility

Framework: Polymer 2.0+
Browser: Browser Independent

cs-toggle-icon-button - Vaadin Add-on Directory

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](https://github.com//csonnhalter/cs-toggle-icon-button/blob/0.9.0/README.md) on 2019-05-10 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/csonnhalter/cs-scroll) # \ The button changes on tap between two icons and has an optional tooltip. A wrapper for `` and ``. ```html ```

GitHub Homepage
Issue tracker
License
View on GitHub
Documentation
Online Demo

cs-toggle-icon-button version 0.9.0
### Dependencies Polymer/polymer#^2.0.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

Directory