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

Edit code

Usage

VitalSigns

1import React from "react";
2import { VitalSigns } from "@commure/components-core";
3
4const MyVitalSigns = ({ resources }) => (
5  <VitalSigns
6    resources={resources}
7    hideDateTime={false}
8    hidePanelTitle={false}
9    observationProps={{}}
10    order={[
11      "heartRate",
12      "temperature",
13      "bloodPressure",
14      "respiratoryRate",
15      "oxygenSaturation"
16    ]}
17  />
18);
19
20export default MyVitalSigns;

API Reference

VitalSigns

Prop Name	Required?	Type	Description
hideDateTime	false	boolean	Whether the datetime of the panel should be hidden.
hidePanelTitle	false	boolean	Whether the panel title should be hidden.
observationProps	false	{ [observation: string]: { decimalPlaces: number; hideUnit: boolean; [key: string]: any; }; }	Props to be passed to each Observation that gets rendered.
order	false	string[]	The order in which the Observations should be listed visually.
panelTitle	false	string	Title to render at the top of the Component.
resources	true	Observation[]	An array of Observation FHIR resources, each in json format.

Related Reading

FHIR Observation Resource

Glossary of Medical Terms