15 lines
475 B
Vue
15 lines
475 B
Vue
<template>
|
|
<div class="col-4 mb-3">
|
|
<button class="btn-damage d-flex flex-column align-items-center rounded-3 h-100" v-bind:aria-label="ariaLabel">
|
|
<img class="px-1 pt-3 pb-1 mt-auto" v-bind:src="require(`@/assets/img/icons/${btnText}`)" v-bind:alt="altText"/>
|
|
<p class="mt-auto">{{damageTitle}}</p>
|
|
</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'imageButton',
|
|
props: ['btnText', 'altText', 'damageTitle', 'ariaLabel']
|
|
}
|
|
</script>
|