diff --git a/packages/anu-vue/src/components/buttonGroup/index.ts b/packages/anu-vue/src/components/buttonGroup/index.ts
new file mode 100644
index 00000000..054c1f06
--- /dev/null
+++ b/packages/anu-vue/src/components/buttonGroup/index.ts
@@ -0,0 +1 @@
+export { default as ABtnGroup } from "./index.vue"
diff --git a/packages/anu-vue/src/components/buttonGroup/index.vue b/packages/anu-vue/src/components/buttonGroup/index.vue
new file mode 100644
index 00000000..49d68ae0
--- /dev/null
+++ b/packages/anu-vue/src/components/buttonGroup/index.vue
@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+  let targetRef = ref<[string|undefined,HTMLElement|undefined]>([undefined,undefined]);
+  function hijack(e:Event){
+    let target = e.target as HTMLElement;
+    targetRef.value = [target.innerText,target]
+  }
+</script>
+
+<template>
+  <div
+    class="button-group"
+    relative
+    inline-flex
+    @click.stop="hijack"
+    overflow-hidden
+  >
+    <slot :eventTarget="targetRef"> </slot>
+  </div>
+</template>
+
+<style>
+.button-group button:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-right: none;
+}
+.button-group button:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+</style>