Adam Culpepper

icon indicating a website link https://adamculpepper.net icon indicating an email [email protected]

icon company Senior UI Developer @onuniverse icon location Baton Rouge, LA icon location Senior UI Developer, JavaScript Developer, speaker, published author, organizer @ Refresh Baton Rouge, runner, kayaker & Body Mod enthusiast.

Results 10 issues of Adam Culpepper

Consider making the ON/OFF context part of the HTML as a companion of #17's auto widths

Suggested by George Mauer (@togakangaroo) example: https://codepen.io/labithiotis/pen/byskq ![image](https://user-images.githubusercontent.com/3942126/114101678-ad483a00-988b-11eb-84f5-fc2f87e66f55.png)

enhancement

Add in toggle button size options

![image](https://user-images.githubusercontent.com/3942126/114101124-e6cc7580-988a-11eb-8bd4-712c5b021927.png) source: https://codepen.io/avstorm/pen/ZGjNwZ

Add in custom labels for toggle states

example: ![image](https://user-images.githubusercontent.com/3942126/114100961-aec53280-988a-11eb-97fe-b3aa12914875.png) source: https://codepen.io/vanderlanth/pen/BoNLvq

Add in more sizes (XXL, XL, LG, [default], SM, XS, XXS)

enhancement

Add in transparent style

![image](https://user-images.githubusercontent.com/3942126/114100445-e7184100-9889-11eb-9c4f-b10fd206196f.png) source: https://codepen.io/oliviale/pen/xxboXzo

enhancement

Add icon support

**Examples** ![image](https://user-images.githubusercontent.com/3942126/90836815-01f76e80-e316-11ea-86bb-b74c81c0ad9d.png) --- ![image](https://user-images.githubusercontent.com/3942126/114098048-73c10000-9886-11eb-8809-34093ac1bd1f.png) ``

enhancement

Add version badge to README file

https://badge.fury.io/for/gh/adamculpepper/toggle-switchy

Removing FOR attribute on the label and the ID on the input since the <input> is wrapped inside the <label>?

Suggested by George Mauer (@togakangaroo). Needs research to confirm this should be changed from an accessibility stance. ![image](https://user-images.githubusercontent.com/3942126/90837000-6286ab80-e316-11ea-9a59-aa5d64f1a014.png)

enhancement

:focus color doesn't change when a data-style is set

![image](https://user-images.githubusercontent.com/3942126/88089644-fca9d700-cb51-11ea-8aef-0de3521b9680.png)

Consider removing hard-coded widths and let the ON/OFF context set the toggle width

Suggested by George Mauer (@togakangaroo)

enhancement