Vital Signs

Introduction

Vitals, or vital signs, are a set of clinical measurements that are used to communicate essential information about a patient's stability. They include information about the patient's body temperature, heart rate, blood pressure, respiratory rate, and oxygen saturation. Each of these measurements is a FHIR Observations.

These components accept FHIR Observations, places the appropriate values in the correct order, and renders them in a clean and compact display.

Included Components

  1. VitalSigns: Displays attributes for FHIR Observations that are categorized as vital signs in a format that physicians are accustomed to viewing.

Examples

Usage

VitalSigns

import React from "react";
import { VitalSigns } from "@commure/components-core";
const MyVitalSigns = ({ resources }) => (
<VitalSigns
resources={resources}
hideDateTime={false}
hidePanelTitle={false}
observationProps={{}}
order={[
"heartRate",
"temperature",
"bloodPressure",
"respiratoryRate",
"oxygenSaturation"
]}
/>
);
export default MyVitalSigns;

API Reference

VitalSigns

Prop NameRequired?TypeDescription
hideDateTimefalsebooleanWhether the datetime of the panel should be hidden.
hidePanelTitlefalsebooleanWhether the panel title should be hidden.
observationPropsfalse{ [observation: string]: { decimalPlaces: number; hideUnit: boolean; [key: string]: any; }; }Props to be passed to each Observation that gets rendered.
orderfalsestring[]The order in which the Observations should be listed visually.
panelTitlefalsestringTitle to render at the top of the Component.
resourcestrueObservation[]An array of Observation FHIR resources, each in json format.

Related Reading

FHIR Observation Resource
Glossary of Medical Terms