gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

feat: change Button component to be a button and not a div, and made callback optional

Browse source
This commit is contained in:
SauceyRed 2025-07-14 22:27:30 +02:00
parent dac473e9fb
commit 491e736422
Signed by: sauceyred
GPG key ID: 270B096EF6E9A462
1 changed files with 5 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/UserInterface/Button.vue
View file

@ -1,14 +1,14 @@
<template> <template>
<div @click="props.callback()" class="button" :class="props.variant + '-button'"> <button @click="props.callback ? props.callback() : null" class="button" :class="props.variant + '-button'">
{{ props.text }} {{ props.text }}
</div> </button>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
const props = defineProps<{ const props = defineProps<{
text: string, text: string,
callback: CallableFunction, callback?: CallableFunction,
variant?: "normal" | "scary" | "neutral", variant?: "normal" | "scary" | "neutral",
}>(); }>();
@ -28,6 +28,8 @@ const props = defineProps<{
border-radius: 0.7rem; border-radius: 0.7rem;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
border: none;
} }
.button:hover { .button:hover {