xy-switch
TypeScript icon, indicating that this package has built-in type declarations

0.1.0 • Public • Published
IE Chrome Firefox Opera Safari
IE 10+ ✔ Chrome 31.0+ ✔ Firefox 31.0+ ✔ Opera 30.0+ ✔ Safari 7.0+ ✔

NPM version node version npm download

xy-switch

xy-switch

开关组件

安装

# yarn 
yarn add xy-switch utils-hooks classnames

使用例子

import React from "react";
import ReactDOM from "react-dom";
import Switch from "xy-switch";
ReactDOM.render(<Switch />, container);

API

属性 说明 类型 默认值
checked 复选框是否选中 boolean
defaultChecked 默认是否选中 boolean
disabled 是否禁用 boolean
autoFocus 是否自动聚集焦点 boolean
value 同原生 input checkbox 一样的 value string
checkedChildren 选中时得内容 React.ReactNode
unCheckedChildren 非选中时得内容 React.ReactNode
onChange Switch 值更改事件 (chcked: boolean) => void
onFocus Checkbox 聚集焦点事件 (e: React.FocusEvent) => void
onBlur Checkbox 失去焦点事件 (e: React.FocusEvent) => void
onClick Checkbox 点击事件 (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void

开发

yarn run start

例子

http://localhost:6006

测试

yarn run test

开源许可

xy-switch is released under the MIT license.

Package Sidebar

Install

npm i xy-switch

Weekly Downloads

1

Version

0.1.0

License

MIT

Unpacked Size

15 kB

Total Files

12

Last publish

Collaborators

  • xueyou2000