gotobed zz

src/lib/IO/Button.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import { onMount } from "svelte";
+
+    export let text : string = 'button';
+    export let color : string;
+
+    onMount(() => {
+        if (!color || color.length === 0)
+        {
+            color = window.getComputedStyle(document.documentElement).getPropertyValue('--primary');
+        }
+    });
+</script>
+
+<button style="--button-color: {color};" class="button">
+    {text}
+</button>
+
+<style>
+    .button {
+        background-color: var(--button-color);
+    }
+</style>