add custom button component

Co-authored-by: Esio Freitas <esio.gustavo@gmail.com>
This commit is contained in:
RcleydsonR 2022-11-23 18:07:18 -03:00
parent e516bfb31c
commit fd6bace382

View File

@ -0,0 +1,20 @@
<script setup lang="ts">
const props = defineProps({
text: String,
isDisabled: Boolean
})
const emit = defineEmits(['clicked'])
</script>
<template>
<button type="button" class="button" @click="emit('clicked')" v-bind:class="{'opacity-70': isDisabled}" :disabled="isDisabled">
{{ text }}
</button>
</template>
<style scoped>
.button {
@apply rounded-lg w-full text-base font-semibold text-gray-900 py-4 bg-amber-400;
}
</style>