src/components/SButton.vue


1
2
3
4
5
6
7
8
9
10
11
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>