开关 Switch

切换开关交互来源于表示用户用于打开或关闭选项的物理开关。

何时使用

使用开关元素展示页面

如何使用

  1. import { Switch } from 'tinper-bee';
  3. or
  5. import Switch from 'bee-switch';
  6. import 'bee-switch/build/Switch.css';

代码演示

API

参数 说明 类型 默认值
checked 指定当前是否选中 Boolean false
defaultChecked 初始是否选中 Boolean false
onChange 变化时回调函数,自定义参照demo Function(checked:Boolean) -
disabled 设置是否禁用 Boolean false
checkedChildren 选中时的内容 React Node
unCheckedChildren 非选中时的内容 React Node
size 大小设置，oneOf：sm, lg string ‘’
colors 颜色设置，oneOf：primary,success,info,dark,warning‘’ string ‘’
onKeyDown 键盘回调 Function -
enterKeyDown 是否启用 enter 和 space 键 Boolean true

已支持的键盘操作

按键 功能
←(左箭) 关闭开关
→(右箭) 打开开关
enter 选中
space 选中

注意事项

暂无

更新日志