react-awesome-toggle-switch
ReactJS 19 different toggle switches designs in one component
Install
npm i react-awesome-toggle-switch --save
GitLab
https://gitlab.com/damjan89/react-awesome-toggle-switch
Usage
React >= 16.9.0
;ReactDOM.render, document.getElementById'root';
Toggle Themes (this.state.config.toggleTheme)
DefaultSwitch
RadialSwitch
SimpleSwitch
OldSchoolSwitch
GenderSwitch
BulbSwitch
LampSwitch
LockSwitch
NeonSwitch
ZedDashSwitch
TotoroSwitch
ElasticSwitch
SmileySwitch
RollingSwitch
DayNightSwitch
InvertSwitch
FlatSwitch
Neon2Switch
BearSwitch
Preview
-> DefaultSwitch
-> BearSwitch
-> BulbSwitch
-> DayNightSwitch
-> ElasticSwitch
-> FlatSwitch
-> GenderSwitch
-> InvertSwitch
-> LampSwitch
-> LockSwitch
-> NeonSwitch
-> Neon2Switch
-> oldSchoolSwitch
-> RadialSwitch
-> RollingSwitch
-> SimpleSwitch
-> SmileySwitch
-> TotoroSwitch
-> ZenDashSwitch
License
Special Thanks to Vladimir Stepura for this post (all pure html & css can be found in url bellow) and all other developers/designers url: https://freefrontend.com/css-toggle-switches/ MIT © Nick Dam