feat: button group

src/components/ButtonGroup/ButtonGroup.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="btn-group inline-flex rounded-md shadow-sm" role="group">
+   <slot />
+  </div>
+</template>
+<!-- TODO: maybe use provide/inject to control styles -->
+<style>
+@tailwind components;
+
+@layer components {
+  .btn-group > button {
+    @apply rounded-none
+  }
+  .btn-group > button:first-child {
+    @apply rounded-l-lg
+  }
+  .btn-group > button:last-child {
+    @apply rounded-r-lg
+  }
+}
+</style>