v2 first commit

resources/assets/js/components/Inputs/BaseRadio.vue

@@ -0,0 +1,68 @@
+<template>
+  <div
+    class="custom-control custom-radio"
+    :class="[inlineClass, { disabled: disabled }]">
+    <input
+      :id="cbId"
+      class="custom-control-input"
+      type="radio"
+      :disabled="disabled"
+      :value="name"
+      v-model="model"
+    />
+    <label :for="cbId" class="custom-control-label">
+      <slot>
+        <span v-if="inline">&nbsp;</span>
+      </slot>
+    </label>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'base-radio',
+    props: {
+      name: {
+        type: [String, Number],
+        description: 'Radio label'
+      },
+      disabled: {
+        type: Boolean,
+        description: 'Whether radio is disabled'
+      },
+      value: {
+        type: [String, Boolean],
+        description: 'Radio value'
+      },
+      inline: {
+        type: Boolean,
+        description: 'Whether radio is inline'
+      }
+    },
+    data() {
+      return {
+        cbId: ''
+      };
+    },
+    computed: {
+      model: {
+        get() {
+          return this.value;
+        },
+        set(value) {
+          this.$emit('input', value);
+        }
+      },
+      inlineClass() {
+        if (this.inline) {
+          return `form-check-inline`;
+        }
+        return '';
+      }
+    },
+    created() {
+      this.cbId = Math.random()
+        .toString(16)
+        .slice(2);
+    }
+  };
+</script>