Health index

Health index displays a health grade (A–F) for a particular item or package.

A

View a live version of this component and see how it can be customized.

<rh-health-index grade="C"
                 size="lg">C</rh-health-index>

<script type="module">
  import '@rhds/elements/rh-health-index/rh-health-index.js';
</script>

Full screen demo

• When you need to use severity to communicate the health of something
• When you need to communicate how secure or vulnerable something is
• When you need to measure how current or out of date something is

Status checklist