Patient

Introduction

The FHIR Patient resource contains demographics and other administrative content about an individual receiving care.

This component is commonly used to provide context for the user and displays fields from the Patient resource used for identifying the patient in clinical settings.

Included Components

  1. PatientCard: Displays attributes for a FHIR Patient resource that are commonly used for identifying a patient in clinical practice.

Examples

avatar
Alex Gilmour
71 yoGender:MaleDOB:9/22/48MRN:09272017

Usage

PatientCard

import React from "react";
import { PatientCard } from "@commure/components-core";
function MyPatientCard() {
return (
<PatientCard
details={["age", "gender", "birthdate", "mrn"]}
resource={undefined} // FIXME
className="Hello World"
hideAvatar={false}
hideIfMissing={false}
avatarProps={undefined} // FIXME
nameProps={undefined} // FIXME
/>
);
}
export default MyPatientCard;

API Reference

PatientCard

Prop NameRequired?TypeDescription
avatarPropsfalseobjectProps to spread to the Avatar component
classNamefalsestringClassName for container element
detailsfalseDetailItem[]Details to display in display order
hideAvatarfalsebooleanWhether to hide the Patient avatar
hideIfMissingfalsebooleanWhether to hide detail element entirely if its value is missing
namePropsfalseHumanNamePropsProps to spread to the FhirHumanNameDisplay component
resourcetruePatientPatient FHIR resource in json format

Related Reading

FHIR Patient Resource