<template>
  <div class="demo-radio-group-slot">
    <div class="demo-box">
      <ui-radio-group
        v-model="value"
        :options="options"
        type="button">
        <template slot-scope="option">
          自定义{{ option.label }}
        </template>
      </ui-radio-group>
    </div>

    <div class="demo-box">
      <ui-radio-group
        v-model="value"
        :options="options">
        <template slot-scope="option">
          自定义{{ option.label }}
        </template>
      </ui-radio-group>
    </div>
    <div>
      当前的值 {{ value }}
    </div>
  </div>
</template>
<script>
import { RadioGroup } from "amumu-ui"
export default {
  components: {
    "ui-radio-group": RadioGroup,
  },
  data() {
    return {
      value: "Orange",
      options: [
        { label: "Apple", value: "Apple" },
        { label: "Pear", value: "Pear" },
        { label: "Orange", value: "Orange", disabled: true },
      ],
    }
  },
}
</script>
<style lang="scss">
.demo-radio-group-slot {
  & > div {
    margin-bottom: 12px;
  }
}
</style>
