GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → fxedel → toggle-icon

fxedel / toggle-icon

Licence: other
toggle-icon is a custom element created with Polymer. It provides an extremely powerful and customizable switch that looks like a paper-icon-button.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Labels

uipolymerwebcomponentsweb-componentscustom-elementshacktoberfestpaper-elementspolymer2

Projects that are alternatives of or similar to toggle-icon

vaadin-context-menu
The responsive Web Component for showing context dependent items for any element on the page. Part of the Vaadin components.
Stars: ✭ 26 (+23.81%)
Mutual labels:  polymer, webcomponents, web-components, polymer2
paper-chip
A chip web component made with Polymer 2 following Material Design guidelines
Stars: ✭ 30 (+42.86%)
Mutual labels:  polymer, webcomponents, custom-elements, polymer2
page-title
A Polymer element for easily updating a webpage's title, such as in a SPA.
Stars: ✭ 13 (-38.1%)
Mutual labels:  polymer, web-components, custom-elements, polymer2
lego
🚀 Web-components made lightweight & Future-Proof.
Stars: ✭ 69 (+228.57%)
Mutual labels:  polymer, webcomponents, web-components, custom-elements
Vaadin Combo Box
The Web Component for displaying a list of items with filtering. Part of the Vaadin components.
Stars: ✭ 113 (+438.1%)
Mutual labels:  polymer, webcomponents, custom-elements
Redux Store Element
A custom element allowing a more declarative use of Redux.
Stars: ✭ 83 (+295.24%)
Mutual labels:  polymer, webcomponents, custom-elements
scheduler-component
A Web Component wrapper for FullCalendar library that uses Polymer version 2.0 and ES6.
Stars: ✭ 24 (+14.29%)
Mutual labels:  polymer, webcomponents, web-components
lit-components
Moved to https://github.com/vaadin/component-mixins
Stars: ✭ 59 (+180.95%)
Mutual labels:  webcomponents, web-components, custom-elements
vaadin-text-field
The themable Web Component providing input controls. Part of the Vaadin components.
Stars: ✭ 29 (+38.1%)
Mutual labels:  polymer, webcomponents, custom-elements
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Stars: ✭ 322 (+1433.33%)
Mutual labels:  webcomponents, web-components, custom-elements
identicon-avatar
👾 GitHub style identicon avatar
Stars: ✭ 15 (-28.57%)
Mutual labels:  polymer, webcomponents, polymer2
mapbox-gl
Polymer 2.0 custom element for mapbox-gl-js. Uses WebGL to render interactive maps from vector tiles and Mapbox styles - compatible with deck-gl.
Stars: ✭ 24 (+14.29%)
Mutual labels:  polymer, webcomponents, polymer2
Vaadin
An evolving set of open source web components for building mobile and desktop web applications in modern browsers.
Stars: ✭ 424 (+1919.05%)
Mutual labels:  polymer, webcomponents, web-components
Awesome Polymer
A collection of awesome Polymer resources.
Stars: ✭ 384 (+1728.57%)
Mutual labels:  polymer, webcomponents, custom-elements
Vaadin Core
An evolving set of free, open source web components for building mobile and desktop web applications in modern browsers.
Stars: ✭ 382 (+1719.05%)
Mutual labels:  polymer, webcomponents, web-components
vaadin-select
Customizable Web Component similar to a native browser select. Part of the Vaadin components.
Stars: ✭ 18 (-14.29%)
Mutual labels:  webcomponents, web-components, polymer2
modulor-html
Missing template engine for Web Components
Stars: ✭ 36 (+71.43%)
Mutual labels:  webcomponents, web-components, custom-elements
vaadin-checkbox
The Web Component for customized checkboxes. Part of the Vaadin components.
Stars: ✭ 18 (-14.29%)
Mutual labels:  polymer, webcomponents, web-components
vaadin-icons
Vaadin Icons is a collection of 600+ unique icons designed for web applications
Stars: ✭ 59 (+180.95%)
Mutual labels:  polymer, webcomponents, polymer2
smart-webcomponents-community
Material & Bootstrap Web Components built with Smart
Stars: ✭ 30 (+42.86%)
Mutual labels:  webcomponents, web-components, custom-elements
View All Similar Projects ➔

Published on webcomponents.org Published on Vaadin Directory Stars on vaadin.com/directory

toggle-icon

What does this element?

toggle-icon is a custom element created with Polymer. It provides an extremly powerful and customizable switch that looks like a paper-icon-button. Use toggleIcon.checked to get the toggle-icon's status in JavaScript. For more information about the usage, see the component page.

Here's a gif that shows five icon-toggle elements which are toggled by setting the checked property programmatically:

animation

Get the code

If you have npm installed, run:

npm install polymer-toggle-icon

Else, you can clone this repository.

Bugs / Feature requests

Feel free to open an issue if you notice something that can be improved.

Contributing to the code

  1. Fork the repository.
  2. Commit your changes to your fork.
  3. Create a pull request.

I really appreciate any contribution :)

License

The project is distributed under the MIT License, so you can use or modify the code as you like, you only need to name the author (e. g. by adding a link to the GitHub repository).

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].