From f35ac92ead27d3cf541c58ce20650281a405cf86 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Fri, 24 Jun 2022 23:20:25 +1000
Subject: Add IconButton component

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

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

diff --git a/src/components/IconButton.vue b/src/components/IconButton.vue
new file mode 100644
index 0000000..7ce5da4
--- /dev/null
+++ b/src/components/IconButton.vue
@@ -0,0 +1,16 @@
+<script lang="ts">
+import {defineComponent, PropType} from 'vue';
+
+export default defineComponent({
+	props: {
+		disabled: {type: Boolean, default: false},
+	},
+});
+</script>
+
+<template>
+<div class="w-9 h-9 p-2 rounded-full hover:cursor-pointer"
+	:class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}">
+	<slot class="w-full h-full">?</slot>
+</div>
+</template>
-- 
cgit v1.2.3

