<template>
  <div class="demo-select-size">
    <div class="demo-box">
      <ui-radio-group
        v-model="size"
        :options="radioGroupOptions"
        type="button"></ui-radio-group>
    </div>
    <div class="demo-box">
      <ui-select
        v-model="value1"
        :options="options"
        :size="size"></ui-select>
    </div>

    <div class="demo-box">
      <ui-select
        v-model="value2"
        :options="options"
        :size="size"
        multiple></ui-select>
    </div>
  </div>
</template>

<script>
import { Select, RadioGroup } from "amumu-ui"
export default {
  components: {
    "ui-select": Select,
    "ui-radio-group": RadioGroup,
  },
  data() {
    return {
      value1: "",
      value2: ["1"],
      size: "small",
      options: [
        { label: "请选择", value: "", disabled: true },
        { label: "选项1", value: "1" },
        { label: "选项2", value: "2" },
        { label: "选项3", value: "3" },
        { label: "选项4", value: "4" },
      ],
      radioGroupOptions: [
        { label: "small", value: "small" },
        { label: "medium", value: "medium" },
        { label: "large", value: "large" },
      ],
    }
  },
}
</script>
