---
section: Component groups
subsection: Helpers
id: Field Builder
source: react
propComponents: ['FieldBuilder']
---

import { FunctionComponent, useState } from 'react';
import { FieldBuilder } from '@patternfly/react-component-groups/dist/dynamic/FieldBuilder';
import { MinusCircleIcon } from '@patternfly/react-icons';


## Examples

### Basic Field Builder

This is a basic field builder!

```js file="./FieldBuilderExample.tsx"

```

### Field Builder Select

This is a field builder with Select components!

```js file="./FieldBuilderSelectExample.tsx"

```