PatientDetail

PatientDetail displays a material-ui card component with the FHIR patient's data passed into it using the patient property. Different styles of fields can be used as shown below.

Properties

Basic usage

Patient ID

Deceased

Prefix

Given Name

Family Name

Suffix / Maiden

Marital Status

Gender

Female

Male

Other

Birthdate

Multiple Birth

Address 1

Address 2

City

State

Postal Code

Country

Photo

Species

Language

Phone

<Container>
  <Grid container spacing={3} direction="row">
    <Grid item xs={12}>
      <PatientDetail patient={patient} fieldVariant="outlined" />
    </Grid>
  </Grid>
</Container>

<Container>
  <Grid container spacing={3} direction="row">
    <Grid item xs={12}>
      <PatientDetail patient={patient} fieldVariant="outlined" />
    </Grid>
  </Grid>
</Container>

PatientDetail

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Properties

Basic usage

Properties