Health Index

Overview

Health index shows a health grade in either a default, mini, or large variation.

Installation

npm install @patternfly/pfe-health-index

Usage

Default

A

<pfe-health-index health-index="A">A</pfe-health-index>

Mini

A

<pfe-health-index health-index="A" size="mini">A</pfe-health-index>

Large

A

<pfe-health-index health-index="A" size="lg">A</pfe-health-index>

Slots

Attributes

health-index

Sets the value for the health index in the UI.

DOM Property

healthIndex

Type

'A'|'B'|'C'|'D'|'E'|'F'|null

Default

unknown

size

Changes the size.

DOM Property

size

Type

'mini'|'lg'|null

Default

null

DOM Properties

Methods

Events

CSS Custom Properties

CSS Shadow Parts

None