React Styled Toggle Switch Component

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 i react-styled-toggle
import 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


React Styled Toggle Switch Component

Download Details:

Author: guillaumemorin

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License: MIT


Add Comment