- React
- HTML
- HTML demos

## Examples

### Static

### Icon

### Multiple static

### Dynamic

### Dynamic list

### Usage

Class | Applied to | Outcome
--- | --- | ---
`.pf-v6-c-helper-text` | `<div>`, `<ul>` | Initiates the helper text component. Required
`.pf-v6-c-helper-text__item` | `<div>`, `<li>` | Initiates a helper text item. Required
`.pf-v6-c-helper-text__item-icon` | `<span>` | Initiates a helper text item icon. Required when used in `.pf-v6-c-helper-text__item.pf-m-dynamic`
`.pf-v6-c-helper-text__item-text` | `<span>` | Initiates a helper text item text. Required
`.pf-m-dynamic` | `.pf-v6-c-helper-text__item` | Modifies a helper text item to be dynamic. For use when the item changes state as the form field the text is associated with is updated.
`.pf-m-indeterminate` | `.pf-v6-c-helper-text__item` | Modifies a helper text item for indeterminate state styles.
`.pf-m-warning` | `.pf-v6-c-helper-text__item` | Modifies a helper text item for warning state styles.
`.pf-m-success` | `.pf-v6-c-helper-text__item` | Modifies a helper text item for success state styles.
`.pf-m-error` | `.pf-v6-c-helper-text__item` | Modifies a helper text item for error state styles.
`.pf-m-hidden` | `.pf-v6-c-helper-text` | Hides helper text.

##
CSS variables