From a86c6788da948eae6b4f4863800447cdf334374e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Wed, 21 Apr 2021 14:12:47 +0200
Subject: [PATCH] Implements ButtonGroup component

---
 packages/bbui/src/ButtonGroup/ButtonGroup.svelte | 7 +++++++
 packages/bbui/src/index.js                       | 1 +
 2 files changed, 8 insertions(+)
 create mode 100644 packages/bbui/src/ButtonGroup/ButtonGroup.svelte

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"