<template>
  <div class="demo-switch-status">
    <div class="demo-box">
      <div>disabled: </div>
      <ui-switch
        v-model="value"
        class="demo-switch"
        disabled>
        <span slot="checked">
          开
        </span>
        <span slot="unchecked">
          关
        </span>
      </ui-switch>
    </div>

    <div class="demo-box">
      <div>Toggle status: </div>
      <ui-switch
        v-model="value"
        class="demo-switch"></ui-switch>
    </div>
  </div>
</template>
<script>
import { Switch } from "amumu-ui"
export default {
  components: {
    "ui-switch": Switch,
  },
  data() {
    return {
      value: false,
    }
  },
}
</script>
