<template>
  <div class="demo-checkbox-group-basic">
    <div class="demo-box">
      <ui-checkbox-group
        v-model="value"
        :options="options">
      </ui-checkbox-group>
    </div>
    <div class="demo-box">
      <ui-checkbox-group
        v-model="value"
        :options="options"
        disabled>
      </ui-checkbox-group>
    </div>

    <div>当前值: {{ value }}</div>
  </div>
</template>

<script>
import { CheckboxGroup } from "amumu-ui"

export default {
  components: {
    "ui-checkbox-group": CheckboxGroup,
  },
  data() {
    return {
      value: ["order"],
      options: [
        {
          label: "订单",
          value: "order",
        },
        {
          label: "报价单",
          value: "quotation",
        },
        {
          label: "商机",
          value: "opportunity",
        },
      ],
    }
  },
}
</script>
