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

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"
```

### Filters

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