<template>
<div class="page-radio">
  <co-header fixed title="radio">
    <fallback slot="left"></fallback>
  </co-header>

  <div class="co-wrapper">
    <co-radio
      title="基本用法"
      v-model="value"
      :options="['选项A', '选项B', '选项C']">
    </co-radio>
    <co-radio
      title="设置禁用选项"
      v-model="value2"
      :options="options">
    </co-radio>
    <co-radio
      align="right"
      title="右对齐"
      v-model="value3"
      :options="options">
    </co-radio>
  </div>
</div>
</template>

<script type="es6">
export default {
  name: 'page-radio',
  data() {
    return {
      value: '',
      value2: '',
      value3: '',
      options: [
        {
          label: '被禁用',
          value: '值F',
          disabled: true
        },
        {
          label: '选项A',
          value: '值A'
        },
        {
          label: '选项B',
          value: '值B'
        }
      ]
    };
  }
};
</script>
