react-styled-toggle

v1.1.0
Customizable toggle button
react toggle button typescript styled-components

React styled toggle

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

npm version npm version code style: prettier style: styled-components

Demo

codesandebox

storybook

Installation

yarn add react-styled-toggle

Usage

import Toggle from 'react-styled-toggle';

render(){
    return <Toggle />
}

Development

yarn storybook

Build

yarn build

Props

propertypropTyperequireddefaultdescription
checkedbool--
disabledbool--
onChangefunc--
backgroundColorCheckedstring-"'#2193F3'"
backgroundColorUncheckedstring-"'#ccc'"
backgroundColorButtonstring-"'#fff'"
namestring--
valuestring--
labelRightstring--
labelLeftstring--
sliderWidthnumber-"26"
sliderHeightnumber-"26"
widthnumber-"60"
heightnumber-"34"
translatenumber-"26"
npm i react-styled-toggle

Metadata

  • ISC
  • Whatever
  • Guillaume Morin
  • released 8/9/2023

Downloads

Maintainers