https://github.com/aaronshaf/shaf-toggle

Elegant, accessible toggle element. Upgrades existing <input type="checkbox" />
https://github.com/aaronshaf/shaf-toggle

custom-elements toggle

Last synced: about 1 month ago
JSON representation

Elegant, accessible toggle element. Upgrades existing <input type="checkbox" />

• Host: GitHub
• URL: https://github.com/aaronshaf/shaf-toggle
• Owner: aaronshaf
• License: mit
• Created: 2016-11-17T19:56:56.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-25T23:37:46.000Z (over 7 years ago)
• Last Synced: 2024-10-22T16:44:48.381Z (about 2 months ago)
• Topics: custom-elements, toggle
• Language: JavaScript
• Homepage: https://aaronshaf.github.io/shaf-toggle/
• Size: 73.2 KB
• Stars: 28
• Watchers: 4
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## It's easy peasy



Check out the [demo](https://aaronshaf.github.io/shaf-toggle/). Works in IE11, Edge, Chrome, Firefox, and Safari.

```html

```

```html

```

### Usage

```html

  

```

### Benefits

Because this wraps an existing ``:

* It is form-friendly.

* It doesn't mess with your event handlers.

* Your checkbox still works if JavaScript is turned off or fails to load.

## Contributors

* [aaronshaf](https://github.com/aaronshaf)

* [ahstro](https://github.com/ahstro)

* This project inherits work from [react-toggle](https://github.com/aaronshaf/react-toggle).

## See also

* [shaf-button](https://github.com/aaronshaf/shaf-button)

* [shaf-chart](https://github.com/aaronshaf/shaf-chart)

* [shaf-star-rating](https://github.com/aaronshaf/shaf-star-rating)

* [shaf-unified-diff](https://github.com/aaronshaf/shaf-unified-diff)

* [shaf-timeago](https://github.com/aaronshaf/shaf-timeago)