farmstar-survey-ui/components/Card.vue

16 lines
467 B
Vue
Raw Permalink Normal View History

2024-01-19 10:51:33 +01:00
<template>
<div
2024-01-31 16:33:23 +01:00
class="lg:max-w-72 bg-white mx-1 p-4 rounded border border-gray-300 mb-4 md:min-w-[250px] md:w-full"
2024-01-19 10:51:33 +01:00
>
<h2 class="text-l font-bold mb-2">{{ title }}</h2>
<p class="text-sm text-gray-600 mb-4">{{ subtitle }}</p>
<NuxtLink :to="link">
<button class="bg-blue-500 text-white px-4 py-2 rounded">Open</button>
</NuxtLink>
</div>
</template>
<script setup>
const props = defineProps(["title", "subtitle", "link"]);
</script>