TheGroupControlButtons.vue

<template>
  <v-flex xs12>
    <v-btn color="info"
           class="_no_padding"
           :outline="true"
           :exact="true"
           @click="back"
    >
      <v-icon>keyboard_arrow_left</v-icon>
      Назад
    </v-btn>
    <v-btn color="success"
           class="_no_padding"
           @click="save"
           :disabled="disabled"
    >
      <v-icon>save</v-icon>
    </v-btn>
  </v-flex>
</template>

<script>
  export default {
    name: "the-group-control-buttons",
    props: {
      disabled: {
        type: Boolean,
        default() {
          return false
        }
      },
    },

    methods: {
      save: function () {
        this.$emit("SaveButtonPressed");
      },
      back: function () {
        this.$emit("BackButtonPressed");
      }
    }
  }
</script>

<style>

</style>