SuperAPI AI 工具集

syncfusion-typescript-switch

编程与开发

查看项目

更新于 10-16 05:46

技能介绍

用途:在 TypeScript 项目中实现 Syncfusion Switch 开关控件,用于在 ON/OFF、true/false 两个互斥状态间切换,适合功能开关、通知偏好、深色模式、显示隐藏、表单选项等场景。

主要能力:基于 @syncfusion/ej2-buttons,依赖轻量;支持 checked、disabled、onLabel/offLabel、cssClass、name、value、enableRtl 等属性;支持 change 与 beforeChange 事件,可通过 args.cancel 阻止状态变更;提供 toggle 方法进行程序化切换;支持表单提交 name/value 键值对;支持 RTL;可通过 CSS 定制颜色、尺寸(如 e-small)与外观;具备 WCAG 2.2 无障碍支持、ARIA 属性与键盘操作。

使用方式:安装 @syncfusion/ej2-buttons 后,从该包导入 Switch,创建实例并调用 appendTo 渲染到指定元素。示例:import { Switch } from '@syncfusion/ej2-buttons'; const switchObj = new Switch({ checked: true }); switchObj.appendTo('#element'); 对应 HTML 为 <input id="element" type="checkbox" />。可传入 change、beforeChange 回调处理状态变化。

限制:资料未提供具体版本要求、浏览器兼容范围、收费与价格信息,也未给出完整安装命令与主题引入细节,这些内容暂未提供。