---
id: Input group
section: components
cssPrefix: null
propComponents: ['InputGroup', 'InputGroupText']
---
import AtIcon from '@patternfly/react-icons/dist/esm/icons/at-icon';
import DollarSignIcon from '@patternfly/react-icons/dist/esm/icons/dollar-sign-icon';
import CalendarAltIcon from '@patternfly/react-icons/dist/esm/icons/calendar-alt-icon';
import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';

## Examples
### Basic
```ts file='./InputGroupBasic.tsx'
```

### With textarea
```ts file='./InputGroupWithTextarea.tsx'
```

### With dropdown
```ts file='./InputGroupWithDropdown.tsx'
```

### With popover
```ts file ='./InputGroupWithPopover.tsx'
```

### With multiple group siblings
```ts file='./InputGroupWithSiblings.tsx'
```