Support for input-group-button for input-group's (bootstrap-vue#267)

Author: tmorehouse

lib/components/index.js

@@ -4,6 +4,7 @@ import bButton from './button.vue';
 import bButtonGroup from './button-group.vue';
 import bInputGroup from './input-group.vue';
 import bInputGroupAddon from './input-group-addon.vue';
+import bInputGroupButton from './input-group-button.vue';
 import bCard from './card.vue';
 import bCardGroup from './card-group.vue';
 import bCarousel from './carousel.vue';
@@ -49,6 +50,7 @@ export {
     bButtonGroup,
     bInputGroup,
     bInputGroupAddon,
+    bInputGroupButton,
     bCard,
     bCardGroup,
     bDropdown,

lib/components/input-group-button.vue

@@ -0,0 +1,27 @@
+<template>
+    <span class="input-group-button">
+        <b-button :disabled="disabled" :variant="variant" href="">
+            <slot></slot>
+        </b-button>
+    </span>
+</template>
+
+<script>
+    import bButton from './button.vue';
+
+    export default {
+        components: {
+            bButton
+        },
+        props: {
+            disabled: {
+                type: Boolean,
+                default: false
+            },
+            variant: {
+                type: String,
+                default: null
+            }
+        }
+    };
+</script>