@breakaway/react-core
Version:
This library provides a set of common React components for use with the PatternFly reference implementation.
32 lines (26 loc) • 782 B
Markdown
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'
```