<template>
  <div class="demo-space-layout">
    <ui-radio-group
      v-model="layout"
      :options="options"
      type="button"></ui-radio-group>
    <ui-space :layout="layout">
      <ui-button>编辑</ui-button>
      <ui-button>删除</ui-button>
      <ui-button>添加</ui-button>
      <ui-button>查看</ui-button>
    </ui-space>
  </div>
</template>

<script>
import { Space, Button, RadioGroup } from "amumu-ui"
export default {
  components: {
    "ui-space": Space,
    "ui-button": Button,
    "ui-radio-group": RadioGroup,
  },
  data() {
    return {
      layout: "horizontal",
      options: [
        {
          label: "Horizontal",
          value: "horizontal",
        },
        {
          label: "Vertical",
          value: "vertical",
        },
      ],
    }
  },
}
</script>
<style lang="scss">
.demo-space-layout {
  .mm-radio-group {
    margin-bottom: 10px;
  }
}
</style>
