diff --git a/src/lib/components/ButtonGroup.svelte b/src/lib/components/ButtonGroup.svelte
new file mode 100644
index 000000000..dc1076208
--- /dev/null
+++ b/src/lib/components/ButtonGroup.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+    export let leftLabel: string;
+    export let leftAction: function;
+    export let wide = false;
+</script>
+{#if $$slots.middle}
+	<div>
+		<slot name="left" />
+		<slot name="middle" />
+		<slot name="right" />
+	</div>
+{:else}
+	<div>
+		<slot name="left" />
+		<slot name="right" />
+	</div>
+{/if}