2021-08 新茗 / 徐晨枫
image.png

何时使用

  • 开关选择器，适用于需要表示两种状态（如开启和关闭）之间的切换时。
展示形态 预览 进度
基础形态 image.png 完成
自定义开关大小 image.png 完成
自定义开关内容 image.png 完成

类型定义

  1. export type SwitchCfg = {
  2.   x?: number;
  3.   y?: number;
  4.   size?: number;
  5.   style?: MixAttrs<Partial<RectProps>>;
  6.   checked?: boolean;
  7.   disabled?: boolean;
  8.   defaultChecked?: boolean;
  9.   checkedChildren?: TagCfg;
  10.   unCheckedChildren?: TagCfg;
  11.   onChange?: (checked: boolean) => void;
  12.   onClick?: (e: Event, checked: boolean) => void;
  13. };