mirror of
https://github.com/grassrootseconomics/farmstar-survey-ui.git
synced 2024-11-16 16:36:47 +01:00
16 lines
471 B
Vue
16 lines
471 B
Vue
|
<template>
|
||
|
<div
|
||
|
class="bg-white mx-2 p-4 rounded border border-gray-300 mb-4 md:min-w-[250px] md:w-full md:mx-0 lg:mx-4"
|
||
|
>
|
||
|
<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>
|