这是一款使用ES6编写的iOS样式开关按钮插件。该开关按钮切换状态时带炫酷的动画特效,支持npm安装,支持插槽和自定义样式,使用非常方便。
使用方法
通过npm来安装。
npm i jelly-switch
或在页面中直接引入。
<script src ="https://unpkg.com/jelly-switch@0.2.3/lib/index.min.js"></script>
使用模块导入
import { JellySwitch } from "jelly-switch"
HTML结构
在html页面中使用
<jelly-switch id="js1"></jelly-switch>
使用插槽
<jelly-switch id="js1"> <p slot="content-left">On/Off</p> </jelly-switch>
API
checked
<jelly-switch id="js1" checked></jelly-switch>
或者
js1.checked = true
disabled
<jelly-switch id="js1" disabled></jelly-switch>
或者
js1.disabled = true
该ES6 iOS样式开关按钮插件的github网址为:https://github.com/akhil0001/jellySwitch