Templates
Ticket booking
Booking a reserved train seat from start to finish: route, time, seats and payment on stepping stones, a running summary beside them, and the ticket with a tear-off stub at the end.
"use client";
import { TicketBooking } from "@/components/miyuki-ui/ticket-booking";
export default function TicketBookingDemo() {
return <TicketBooking defaultRoute={["otaru", "sapporo"]} defaultPassengers={2} />;
}Install
npx shadcn@latest add @miyuki-ui/ticket-bookingThis needs the @miyuki-ui registry in your components.json. See Using the shadcn CLI.
Props
TicketBooking
Prop
Type
Tea shop
A small online tea shop: a seasonal hero, a product grid with filter chips and quick add, a product page with a gallery, a brewing guide on a dial and a steep timer, and a cart drawer that ends in a printed receipt.
Trip planner
A route-planning workspace: an itinerary whose stages reorder, a map of the route with an elevation profile that moves a marker along it, and an assistant with a packing checklist.