diff --git a/packages/bbui/src/ButtonGroup/ButtonGroup.svelte b/packages/bbui/src/ButtonGroup/ButtonGroup.svelte
new file mode 100644
index 0000000000..9f3cacd630
--- /dev/null
+++ b/packages/bbui/src/ButtonGroup/ButtonGroup.svelte
@@ -0,0 +1,7 @@
+<script>
+    export let vertical = false
+</script>
+
+<div class="spectrum-ButtonGroup" class:spectrum-ButtonGroup--vertical={vertical}>
+    <slot />
+</div>
\ No newline at end of file
diff --git a/packages/bbui/src/index.js b/packages/bbui/src/index.js
index 06b59e1f46..dae40aac47 100644
--- a/packages/bbui/src/index.js
+++ b/packages/bbui/src/index.js
@@ -15,6 +15,7 @@ export { default as ActionButton } from "./ActionButton/ActionButton.svelte"
 export { default as ActionGroup } from "./ActionGroup/ActionGroup.svelte"
 export { default as ActionMenu } from "./ActionMenu/ActionMenu.svelte"
 export { default as Button } from "./Button/Button.svelte"
+export { default as ButtonGroup } from "./ButtonGroup/ButtonGroup.svelte"
 export { default as ClearButton } from "./ClearButton/ClearButton.svelte"
 export { default as Icon, directions } from "./Icon/Icon.svelte"
 export { default as Toggle } from "./Form/Toggle.svelte"