---
id: Text input group
section: components
cssPrefix: pf-v5-c-text-input-group
propComponents: ['TextInputGroup', 'TextInputGroupMain', 'TextInputGroupUtilities']
---

import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';

## Examples

### Basic

```ts file="./TextInputGroupBasic.tsx"

```

### Disabled

```ts file="./TextInputGroupDisabled.tsx"

```

### Utilities and icon

```ts file="./TextInputGroupUtilitiesAndIcon.tsx"

```

### With validation

You can add a validation status to a `<TextInputGroup>` by passing the `validated` property with a value of either "success", "warning", or "error".

```ts file="./TextInputGroupWithStatus.tsx"

```

### Filters

```ts file="./TextInputGroupFilters.tsx"

```
