Visitor Badge

Name-tag layout with bold visitor name and company up top, then an inverted Visitor footer with host and valid date.

Ada LovelaceAlgorithm Ltd.

V-0428

VisitorHost: Grace HopperValid Jun 14

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Ticket10 } from "@/components/beste/piece/ticket10";

<Ticket10
  name="Ada Lovelace"
  company="Algorithm Ltd."
  host="Grace Hopper"
  validDate="Valid Jun 14"
  badgeId="V-0428"
/>