diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
new file mode 100644
index 0000000..12f48e9
--- /dev/null
+++ b/src/lib/components/Button.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  let {
+    id = "",
+    name = "",
+    formaction = "",
+    label,
+    color,
+    disabled = false,
+  } = $props();
+</script>
+
+<!-- HACK: Set --tw-bg-opacity to 1 so the disabled label/button looks like the disabled input -->
+<button
+  {id}
+  {name}
+  {formaction}
+  {disabled}
+  class="btn btn-{color}"
+  style="--tw-bg-opacity: 1">{label}</button
+>