Files
FEDEO/components/mobile/FloatingActionButton.vue
2025-03-27 14:33:34 +01:00

41 lines
571 B
Vue

<script setup>
const props = defineProps({
label: {
type: String,
required: true,
},
icon: {
type: String,
},
variant: {
type: String,
default: 'solid'
},
color: {
type: String,
default: 'primary'
}
})
const emit = defineEmits(['click'])
</script>
<template>
<UButton
id="fab"
:icon="props.icon"
:label="props.label"
:variant="props.variant"
:color="props.color"
@click="emit('click')"
/>
</template>
<style scoped>
#fab {
position: fixed;
right: 15px;
bottom: 10vh;
}
</style>