2.0.1 • Published 6 years ago
lyef-switch-button v2.0.1
Lyef Switch Button
A switch button (on/off) React component.
Demo
Installation
$ npm install --save lyef-switch-button
Remember to import the styles on css/main.css
folder to your project.
Basic Usage
import SwitchButton from 'lyef-switch-button';
...
render() {
return (
<SwitchButton
id="my-button"
labelLeft="left"
labelRight="right"
isChecked
disabled
action={callbackFunction}
/>
);
}
...
Props
id
(string)- requiredlabelLeft
(string) - create a label to the left of the buttonlabelRight
(string) - create a label to the right of the buttonisChecked
(bool) - start the button as checkeddisabled
(bool) - disable the button for user interactionaction
(func) - call a function when the input is changed
Architecture
We've developed this component using the following boilerplate: lyef-react-component.
To know more about the architecture or if you want to contribute with this component: Contributing Documentation.