blob: 808669775917a4c958c06924ecb4052ca56629c6 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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>
|
