feat(KAN-26): add reusable ticket presentations

2026-09-11 14:20:02 +02:00
parent 810d1850ae
commit 313e2d2396
17 changed files with 706 additions and 257 deletions
@@ -0,0 +1,30 @@
+<script setup>
+import { TicketCard, TicketListItem } from '@/components/tickets';
+
+defineProps({
+    fullTicket: Object,
+    optionalTicket: Object,
+});
+</script>
+
+<template>
+    <main class="mx-auto grid max-w-5xl gap-8 p-4 sm:p-8">
+        <section class="grid gap-4" aria-labelledby="cards-title">
+            <h1 id="cards-title" class="text-headline-mobile md:text-headline">
+                Ticket cards
+            </h1>
+            <div class="grid gap-4 sm:grid-cols-2">
+                <TicketCard :project-id="7" :ticket="fullTicket" />
+                <TicketCard :project-id="7" :ticket="optionalTicket" />
+            </div>
+        </section>
+
+        <section class="grid gap-4" aria-labelledby="rows-title">
+            <h2 id="rows-title" class="text-title">Ticket list items</h2>
+            <ul class="grid gap-4">
+                <TicketListItem :project-id="7" :ticket="fullTicket" />
+                <TicketListItem :project-id="7" :ticket="optionalTicket" />
+            </ul>
+        </section>
+    </main>
+</template>