Add IconButton component

1 files changed, 16 insertions, 0 deletions

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>