The whole dashboard — every page under one sidebar, the sample data they read — is one command. Or take a page at a time: each one brings the sidebar with it.
npx shadcn@latest add @vibra/clinic/clinicClinic dashboardnpx shadcn@latest add @vibra/clinic-overview/clinic/appointmentsAppointment booknpx shadcn@latest add @vibra/clinic-appointments/clinic/patientsPatient listnpx shadcn@latest add @vibra/clinic-patients/clinic/doctorsDoctorsnpx shadcn@latest add @vibra/clinic-doctorsSingle cards cut from these pages, each installed on its own.
npx shadcn@latest add @vibra/widget-clinic-overview-clinic-statsAppointments, new patients, procedures done and the revenue they earned over the last thirty days, each against the thirty before; reads clinicStats().
npx shadcn@latest add @vibra/widget-clinic-overview-visits-chartSix months of visits to the three busiest departments, a line each, turned back a year from its select; reads visitsByDepartment().
npx shadcn@latest add @vibra/widget-clinic-overview-department-donutEveryone the clinic has seen, by the department that saw them, as a donut with the total in its centre; reads patientsByDepartment().
npx shadcn@latest add @vibra/widget-clinic-overview-clinic-calendarThe month with a count on every day that has visits, and the picked day's patients, doctors and times under it; reads appointmentsByDay().
npx shadcn@latest add @vibra/widget-clinic-overview-clinic-notesThe desk's pinboard, newest first, and a field that pins a note through the server, a blank one refused where it was typed; reads clinicNotes().
npx shadcn@latest add @vibra/widget-clinic-overview-top-proceduresThe five procedures booked most often as one split bar, then each with its count and its share; reads topProcedures().
npx shadcn@latest add @vibra/widget-clinic-overview-appointments-tableEverything booked from now on, soonest first and searchable by patient, a visit due today checked in from its row through the server; reads upcomingAppointments().
npx shadcn@latest add @vibra/widget-clinic-overview-recent-proceduresThe six procedures finished most recently, newest first, each with the patient and the day; reads recentProcedures().
npx shadcn@latest add @vibra/widget-clinic-appointments-visit-figuresToday's visits and how many are in or done, what is booked from now on and the clinic time it takes, the month's visits and new patients, and the share cancelled; reads visitRows().
npx shadcn@latest add @vibra/widget-clinic-patients-patient-figuresEveryone in the book, the month's first visits, the patients seen twice or more, and those with a visit still to come; reads patientFigures(rows).
npx shadcn@latest add @vibra/widget-clinic-doctors-doctor-figuresThe doctors on the schedule and their departments, the hours booked over twenty-eight days and the busiest department, the month's visits and how many were seen, and the visits cancelled; reads clinicFigures(doctors).
Every figure on these pages is read from these repositories of the sample store. Swap one for your own API and each page that reads it follows.