Skip to content

lyef/lyef-switch-button

Repository files navigation

Lyef Switch Button

Build Status Badge size Badge gzip size NPM version

Switch Button

A switch button (on/off) React component.

Demo

Live examples

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)- required
  • labelLeft (string) - create a label to the left of the button
  • labelRight (string) - create a label to the right of the button
  • isChecked (bool) - start the button as checked
  • disabled (bool) - disable the button for user interaction
  • action (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.

License

MIT License @ lyef

About

A switch button (on/off) React component.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •