diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-05-28 12:43:57 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-05-28 12:43:57 +1000 |
| commit | afa1cae73c3df3ab099ca718c2db8621d26aac4b (patch) | |
| tree | 0fdd341b9cf4e4c2839eebd40fb3ecafe8789919 /src/components/RButton.vue | |
| parent | c547ba59906bdd0ccebe5d4592739227dd0c73eb (diff) | |
Add RButton component
Diffstat (limited to 'src/components/RButton.vue')
| -rw-r--r-- | src/components/RButton.vue | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/components/RButton.vue b/src/components/RButton.vue new file mode 100644 index 0000000..8086697 --- /dev/null +++ b/src/components/RButton.vue @@ -0,0 +1,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> |