Inverted promo header with the discount headline, then a redeem code and expiry date below the perforation.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Ticket8 } from "@/components/beste/piece/ticket8";
<Ticket8
discount="20% OFF"
description="Coffee & Pastries"
code="BREW20"
expires="Expires Jun 30"
/>Ticket with event name, date, time, and seat on the main stub, and a dashed tear-off Admit One side.
Numbered stub on the left with a tabular-nums draw number, paired with the raffle title and draw date.
Name-tag layout with bold visitor name and company up top, then an inverted Visitor footer with host and valid date.
Cinema stub with title and seat on top, then a dashed split into a date row and a screen format pill.
Login fails on Safari 17 after the OAuth redirect
Tracker-style card with issue ID, status pill, two-line title, and a footer of priority, assignee, and age.
League header above a home and away matchup, with a stadium footer of section, row, seat, gate, and tip-off.