# FormMapper

It takes the field type from the Source property and maps it to a field component. The mapped component must exist. 

For example, a source of type *name* will be mapped to the custom *TextField* component that will contain a label component along with an *InputText* component:

![](/files/ijKK8MbZByvtJ8L3C3qo)

### Mapping table

| Source   | Component     |
| -------- | ------------- |
| checkbox | CheckboxField |
| date     | DateField     |
| dropdown | DropdownField |
| email    | TextField     |
| fname    | TextField     |
| lname    | TextField     |
| name     | TextField     |
| number   | NumericField  |
| password | TextField     |
| phone    | TextField     |
| text     | TextField     |
| textarea | TextAreaField |

{% hint style="warning" %}
Currently, the form slide where the form mapper is included must have set the property *Private Id* as ***slide***.
{% endhint %}

### Settings

<table><thead><tr><th width="198.33333333333331">Setting</th><th width="150">Value</th><th>Description</th></tr></thead><tbody><tr><td>Container</td><td>false</td><td>Accepts nested children components.</td></tr><tr><td>Droppable</td><td>true</td><td>Added as a nested child component inside a container.</td></tr><tr><td>Editable</td><td>false</td><td>Can be edited</td></tr><tr><td>Interactive</td><td>false</td><td>Can receive events</td></tr></tbody></table>

### Properties

<table><thead><tr><th width="179.49923195084486">Property</th><th width="150">Type</th><th width="150">Default</th><th>Description</th></tr></thead><tbody><tr><td>Source</td><td>General</td><td></td><td>The type of the field to render (see mapping table above)</td></tr></tbody></table>

### Actions

No actions defined.

### Events

No events defined.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pickzen.com/design-system/components/formmapper.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.