From afa1cae73c3df3ab099ca718c2db8621d26aac4b Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sat, 28 May 2022 12:43:57 +1000
Subject: Add RButton component

---
 src/components/RButton.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 src/components/RButton.vue

(limited to 'src/components/RButton.vue')

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>
-- 
cgit v1.2.3