21 lines
682 B
Vue
21 lines
682 B
Vue
<template>
|
|
<div class="hover:scale-105 cursor-pointer duration-500 flex flex-col justify-center items-center text-center rounded shadow-xl border-2 border-gray-500 h-full w-full p-6">
|
|
<h2 class="text-lg text-gray-700">{{name}}</h2>
|
|
<p class="text-sm text-gray-600">{{description}}</p>
|
|
<a
|
|
class="text-sm text-violet-500 underline decoration-dotted underline-offset-2 cursor-pointer mt-3"
|
|
href={{documentation}}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Documentation
|
|
</a>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
export default {
|
|
props: ['name', 'description', 'documentation']
|
|
}
|
|
</script>
|