blob: 508f8e63e9c941b820b3928170fbc8aa36a1783b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<template>
<button :disabled="disabled" class="block rounded px-4 py-2"
:class="{'hover:brightness-125': !disabled, 'brightness-50': disabled}">
<slot>?</slot>
</button>
</template>
<script lang="ts">
import {defineComponent, PropType} from 'vue';
export default defineComponent({
props: {
disabled: {type: Boolean, default: false},
},
});
</script>
|