React Toggle Switch with Styled Components

A highly customizable toggle button (switch) component for React applications.

How to use it:

1. Install and import the switch component.

# Yarn
$ yarn add react-styled-toggle

# NPM
$ npm i react-styled-toggleimport Toggle from 'react-styled-toggle';

2. Create a basic toggle switch.

<Toggle />

3. Customize the toggle switch with the following props.

checked: boolean
disabled: boolean
onChange: () => void
backgroundColorChecked: string
backgroundColorUnchecked: string
backgroundColorButton: string
name: string
value: string
labelRight: string
labelLeft: string
sliderWidth: number
sliderHeight: number
width: number
height: number
translate: any

Preview:

Download Details:

Author: guillaumemorin

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/guillaumemorin/react-styled-toggle

License: MIT

#react #reactjs