@infinitoui/infinito-switch

switch

Usage no npm install needed!

<script type="module">
  import infinitouiInfinitoSwitch from 'https://cdn.skypack.dev/@infinitoui/infinito-switch';
</script>

README

@infinitoui/infinito-switch

Downloads per month NPM Version TypeScript

Preview

preview

Demo

Install

npm install @infinitoui/infinito-switch

Usage

引入组件：

import '@infinitoui/infinito-switch'

使用：

<infinito-switch></infinito-switch>
<infinito-switch checked></infinito-switch>
<infinito-switch disabled></infinito-switch>

Properties

Property Attribute Type Default Description
checked checked boolean false 默认是否选中
disabled disabled boolean false 是否禁用

Events

Event Description
change 状态改变事件

CSS Custom Properties

Property Default Description
--switch-color "#333" 主体颜色，未选中状态透明度 .2