20 lines
470 B
Vue
20 lines
470 B
Vue
<template>
|
|
<button type="button" class="w-full flex flex-col items-center py-3 text-blue-300 text-xs font-bold no-underline hover:underline focus:underline hover:bg-grey-200 focus:bg-grey-lighter focus:outline-none block">
|
|
<slot></slot>
|
|
<span class="block" v-text="label"></span>
|
|
</button>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
label: { type: String }
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
svg {
|
|
@apply h-6 w-6 fill-current mb-2
|
|
}
|
|
</style>
|