guillaumemorin / react-styled-toggle

Customizable toggle button

React styled toggle

React Toggle component written in TypeScript and powered by styled-components.

Demo

Installation

pnpm add react-styled-toggle

# or

yarn add react-styled-toggle

# or

npm i react-styled-toggle

Usage

import Toggle from 'react-styled-toggle';


<Toggle />

Development

yarn storybook

Build

yarn build

Props

property	Type	default
name	string
value	string
checked	boolean
disabled	boolean
labelRight	string
labelLeft	string
width	number	60
height	number	34
translate	number	26
sliderWidth	number	26
sliderHeight	number	26
backgroundColorChecked	string	#2193F3
backgroundColorUnchecked	string	#ccc
backgroundColorButton	string	#fff
onChange	() => void