Patient Summary
A patient summary for a mountain clinic: identity and key facts, vitals, allergies and medications, sleep, activity and steps from a wearable, upcoming appointments and visit history, with booking and messaging.
This example uses sample data from this site: data.ts, which also needs art.ts. Copy those files from the repository, or use your own data in their place.
"use client";
import { PatientSummary } from "@/components/miyuki-ui/patient-summary";
import { people } from "@/registry/lib/data";
const avatars = Object.fromEntries(people.map((p) => [p.name, p.avatar]));
export default function PatientSummaryDemo() {
return <PatientSummary avatars={avatars} />;
}Install
npx shadcn@latest add @miyuki-ui/patient-summaryThis needs the @miyuki-ui registry in your components.json. See Using the shadcn CLI.
Props
PatientSummary
Prop
Type
Operations Home
The operations home of a weather service: season earnings, recent sign-ups, revenue by week, month or year, a year of bulletins and a customers table, all filtered by region.
Rail line
A railway line's public page: the departure board for a chosen station beside service notices, the line as a strip map, an hour-row timetable for weekdays and weekends, and a fare table.