aboutsummaryrefslogtreecommitdiff
path: root/src/components/SButton.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/SButton.vue')
-rw-r--r--src/components/SButton.vue12
1 files changed, 12 insertions, 0 deletions
diff --git a/src/components/SButton.vue b/src/components/SButton.vue
new file mode 100644
index 0000000..487d6bd
--- /dev/null
+++ b/src/components/SButton.vue
@@ -0,0 +1,12 @@
+<template>
+<button :disabled="disabled" class="block rounded px-4 py-2"
+ :class="{'hover:brightness-125': !disabled, 'brightness-50': disabled}">
+ <slot>?</slot>
+</button>
+</template>
+
+<script setup lang="ts">
+defineProps({
+ disabled: {type: Boolean, default: false},
+});
+</script>