Web Demo Mobile Demo Angular Demo Vue Demo React Demo
源代码
<template>
  <div>
		<h2>SwitchButton State</h2>
		<div class="fitem">
			<Label for="s1">Normal:</Label>
			<SwitchButton inputId="s1"></SwitchButton>
		</div>
		<div class="fitem">
			<Label for="s2">Disabled:</Label>
			<SwitchButton inputId="s2" :disabled="true"></SwitchButton>
		</div>
		<div class="fitem">
			<Label for="s3">Readonly:</Label>
			<SwitchButton inputId="s3" :readonly="true" :value="true"></SwitchButton>
		</div>
  </div>
</template>

<script>
export default {};
</script>
<style>
.fitem {
  margin-bottom: 20px;
}
.fitem label {
  width: 150px;
}
</style>