# Custom field - Usage

> Usage guide for the ix-custom-field

# Custom field - Usage

The custom field's properties allow you to control the validation state of the field and the helper text. It's a versatile tool to create your own form fields that can be used in combination with the 'Form' components to create complex forms.

![Custom field](https://www.figma.com/design/wEptRgAezDU1z80Cn3eZ0o/iX-Pattern-Illustrations?node-id=3303-3291&t=SikqVQr6LWjMEjKI-4)

1. Label
2. Helper or feedback text
3. Form component(s)
4. Required indicator

## Options

- **Label:** See [form field](../forms-field).
- **Group label:** Add a label to the group of radio buttons to provide context to your users. We typically use short and descriptive labels to summarize the options in the group.
- **Helper text**: See [form field](../forms-field).
- **Feedback text**: See [form field](../forms-field).
- **Customization**: Add form components to create the use case you need. For example, for a file upload field, add an input field with a `readonly` state and an [icon button](../icon-button).

![Custom field example](https://www.figma.com/design/wEptRgAezDU1z80Cn3eZ0o/iX-Pattern-Illustrations?node-id=3483-7223&t=DlxXBQ9vTnyDcIUI-4)

## Behavior in context

- **Validation:** See [validation](../forms-validation).
- **Form behavior:** See [behavior](../forms-behavior).

## States

The states depend on the component that you use in the custom field. The custom field itself does not have any interaction states.

## Dos and Don’ts

  
    
      Do use the custom field when your desired solution is not covered by the already existing form field components
      Do use the custom field in combination with the form component to create complex forms
    
  
  
    
      Don’t use the custom field for simple form fields, use the form field component instead
      Don’t use the custom field without a form component, it is a wrapper component that is meant to be used in combination with the form component
      Don’t use helper and feedback texts for single fields within a custom field, use the helper and feedback text of the whole custom field instead
    
  

## Related

- [Form field](../forms-field)
- [Validation](../forms-validation)
- [Behavior](../forms-behavior)
- [Layout](../forms-layout)