Xy-switch NPM | npm.io


IE 10+ ✔	Chrome 31.0+ ✔	Firefox 31.0+ ✔	Opera 30.0+ ✔	Safari 7.0+ ✔

NPM version npm download

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);

属性	说明	类型	默认值
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	无