@rhi-ui/thermometer-eq5d

0.0.1 • Public • Published

<rhi-ui-thermometer-eq5d>

EQ-5D is a standardized instrument for measuring generic health status. It has been widely used in population health surveys, clinical studies, economic evaluation and in routine outcome measurement in the delivery of operational healthcare. The study CanProCo in the Global Research Platform uses this standard form. In order to obtain permission to use the form, the EuroQol Research Foundation has told us to add a thermometer component, similar to the one on their printable form, when collecting a patient's health state. We have created the <rhi-ui-thermometer-eq5d> custom element to satisfy the requirement.

Install

npm install --save @rhi-ui/thermometer-eq5d

Basic usage

<rhi-ui-thermometer-eq5d
    end="100"
    start="0"
    steps="10"
    value="20">
</rhi-ui-thermometer-eq5d>

The code above would produce the following result:

Thermometer EQ5D

Property (Attribute)

Property (Attribute) Type Description
end number The maximum value the thermometer is to measure. It is the number to be shown right at the top.
start number The minimum value the thermometer is to measure. It is the number to be shown right at the bottom.
steps number Used to calculate the increments between the start and the end values on the thermometer (the numbers in between).
value number Controls the size of the 'mercury' line that indicates the value.

CSS Variables

Variable name Default value
--thermometer-bar-color #CCC
--thermometer-border-color #CCC
--thermometer-box-shadow-color #E2E2E2
--thermometer-main-bar-color #000
--thermometer-mercury-bar-color #F00
--thermometer-mercury-mix-blend-mode multiply
--thermometer-grade-color #666

Package Sidebar

Install

npm i @rhi-ui/thermometer-eq5d

Weekly Downloads

2

Version

0.0.1

License

Apache-2.0

Unpacked Size

14.4 kB

Total Files

6

Last publish

Collaborators

  • praxis-tech