1 files changed, 16 insertions, 0 deletions
diff --git a/src/components/RButton.vue b/src/components/RButton.vue
new file mode 100644
index 0000000..8086697
--- /dev/null
+++ b/src/components/RButton.vue
@@ -0,0 +1,16 @@
+<script lang="ts">
+import {defineComponent, PropType} from 'vue';
+
+export default defineComponent({
+	props: {
+		disabled: {type: Boolean, default: false},
+	},
+});
+</script>
+
+<template>
+<button :disabled="disabled"
+	class="block rounded px-4 py-2" :class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}">
+	<slot>A Button</slot>
+</button>
+</template>