light-dark-switch

light-dark-switch是根据html标签类名驱动的Web Component，它可以在任何位置使用。

Quick Start

Install

npm i light-dark-switch

Import

in index.html

<script src='./node/moduels/light-dark-switch/light-dark-switch.js'></script>

in main.js

import 'light-dark-switch/light-dark-switch.js'

in main.ts

import 'light-dark-switch/light-dark-switch'

Usage

<light-dark-switch></light-dark-switch>
<light-dark-switch selected></light-dark-switch>
<light-dark-switch enable-sync></light-dark-switch>
<light-dark-switch disabled></light-dark-switch>

Documents

Properties

|Property Name|Document| |:--|:--| |enable-sync|使按钮在html的dark类名变更后同步| |selected|使按钮在首次渲染后的选择状态为已选择（selected）,它会被html的实际类名影响| |disabled|使按钮不可用|

Methods

|Method|Returns| |:--|--:| |select()|void| |unSelect()|void| |enableSync()|void| |disableSync()|void| |isSelected()|boolean| |isDisabled()|boolean| |isSync()|boolean|