X-Git-Url: https://git.jsancho.org/?p=vanzui.git;a=blobdiff_plain;f=src%2Fcomponents%2FVSelector.vue;fp=src%2Fcomponents%2FVSelector.vue;h=545c99f4f62c68ff52af377d3501ec8495595231;hp=0000000000000000000000000000000000000000;hb=274e2db97e41bb7aef36590cdf0c364aec8cc10a;hpb=35cda927de5f9b6fef1be8a402f6b1a720b56e72

diff --git a/src/components/VSelector.vue b/src/components/VSelector.vue
new file mode 100644
index 0000000..545c99f
--- /dev/null
+++ b/src/components/VSelector.vue
@@ -0,0 +1,40 @@
+<template>
+  <b-button-group>
+    <b-button
+      v-for="(item, index) in items"
+      :key="index"
+      @click="selectItem(item.tag)"
+    >
+      {{ item.caption }}
+    </b-button>
+  </b-button-group>
+</template>
+
+<script>
+export default {
+  name: "VSelector",
+  data() {
+    return {
+      items: [
+        {
+          tag: "b-form-input",
+          caption: "Form Input",
+        },
+        {
+          tag: "b-form-radio",
+          caption: "Form Radio",
+        },
+        {
+          tag: "b-form-select",
+          caption: "Form Select",
+        },
+      ],
+    };
+  },
+  methods: {
+    selectItem(tag) {
+      this.$emit("select", tag);
+    },
+  },
+};
+</script>