智慧物流>> react-styled-toggle>> 返回
项目作者： guillaumemorin

项目描述 ：
Customizable toggle button
高级语言： HTML
项目地址: git://github.com/guillaumemorin/react-styled-toggle.git
创建时间： 2018-05-09T12:55:26Z
项目社区：https://github.com/guillaumemorin/react-styled-toggle
开源协议：
下载



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


storybook
codesandebox

Installation

  1. pnpm add react-styled-toggle
  3. # or
  5. yarn add react-styled-toggle
  7. # or
  9. npm i react-styled-toggle

Usage

  1. import Toggle from 'react-styled-toggle';
  4. <Toggle ></Toggle>

Development

  1. yarn storybook

Build

  1. 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