---
id: Helper text
section: components
cssPrefix: pf-c-helper-text
propComponents: ['HelperText', 'HelperTextItem']
---

import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon';
import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon';
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon';

## Examples

### Static

```ts file="HelperTextStatic.tsx"
```

### Static with default icons

```ts file="HelperTextStaticWithDefaultIcon.tsx"
```

### Static with custom icons

```ts file="HelperTextStaticWithCustomIcon.tsx"
```

### Multiple static

```ts file="HelperTextMultipleStatic.tsx"
```

### Dynamic

```ts file="HelperTextDynamic.tsx"
```

### Dynamic list

```ts file="HelperTextDynamicList.tsx"
```