SvgButton.vue 501 Bytes
Newer Older
1
<template>
quentin.vrel's avatar
quentin.vrel committed
2
    <button class="svg-button" :onclick="this.onclick">
3 4 5 6 7
        <img :src="this.svg" :width="this.width" :height="this.height"/>
    </button>
</template>

<style>
quentin.vrel's avatar
quentin.vrel committed
8
.svg-button{
9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
    background: transparent;
    border: none;
    margin: 50px;
}
</style>

<script>
export default {
  props: {
    svg: { type: String, default: ''},
    width: { type: [Number, String], default: 80 },
    height: {type: [Number, String], default: 80 },
    onclick: {type: String, default: ''}
  }
}
</script>