Simple, useful and beautiful switch
npm install react-beautiful-switch
import React from "react";
import BeautifulSwitch from "react-beautiful-switch";
function App() {
return (
<div className="App">
<BeautifulSwitch />
</div>
);
}
export default App;
Prop | Type | Default | Description |
---|---|---|---|
deafultValue | bool | false | If true, the switch is set to checked. If false, it is not checked. |
onText | string | yes | will take on this text when it is not checked. |
offText | string | no | will take on this text when it is checked. |
color | string | #2d3a87 | switch's color. Only accepts hex-colors. |
onChange | func | undefined | function to run when switch is changed |