PatternFly Elements - Home PatternFly Elements

Health index

Overview

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

Default

A
B
C
D
E
F

Mini

A
B
C
D
E
F

Large

A
B
C
D
E
F

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

None

Attributes

health-index (observed)

Sets the value for the health index in the UI.

size (observed)

Changes the size.

Possible values: mini, lg

Methods

None

Events

None

Styling hooks

None