You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
14 lines
543 B
14 lines
543 B
<script setup>
|
|
const props = defineProps({
|
|
url: String
|
|
})
|
|
</script>
|
|
<template>
|
|
<a :href="props.url" target="_blank" :aria-label="`${props.url} - (link opens in a new tab)`">
|
|
<button class="px-10 bg-grey-900 border border-grey-300 flex flex-row justify-center items-center py-3 gap-2
|
|
text-grey-100 transition-all duration-300 ease-in-out hover:bg-grey-100/10 hover:text-white hover:shadow-xl
|
|
hover:-translate-y-1 hover:scale-105" :aria-label="`redirect to ${props.url}`">
|
|
<slot></slot>
|
|
</button>
|
|
</a>
|
|
</template> |