ObservationDetail

ObservationDetail displays a material-ui card component when passed a FHIR Observation Resource using the observation property. Different styles of fields can be used as shown below.

Properties

Basic usage

LOINC Code Text

LOINC Code

Comparator

Quantity

Unit

Observation Value

Status

Device Name

Device ID

Category

Subject Name

Subject ID

<Container>
  <Grid container spacing={3} direction="row">
    <Grid item xs={12}>
      <ObservationDetail
        observation={observation}
        fieldVariant="outlined"
        hidePatientInputs={false}
        hideDeviceInputs={true}
      />
    </Grid>
  </Grid>
</Container>

<Container>
  <Grid container spacing={3} direction="row">
    <Grid item xs={12}>
      <ObservationDetail
        observation={observation}
        fieldVariant="outlined"
        hidePatientInputs={false}
        hideDeviceInputs={true}
      />
    </Grid>
  </Grid>
</Container>

ObservationDetail

.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