---
title: Text submit
slug: docs/text-submit
docTags: 
createdAt: 2024-11-20T17:28:43.828Z
---

Displays a textfield with submit button next to it.

::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/5gLKb641v4P4PfozOM6JM_image.png" size="56" width="746" height="138" position="center" showCaption="false"}

## Properties

General


Placeholder - placeholder text for empty input
Alert Text - if the component doesn't have a redirect set in Button Actions > Link, this is the alert text that will be displayed on click.
Data Handling
Name - name of the field used to  identify and also to save its value if Path is not set.
Path - Used to provide more complex structure where the data should be saved. Should match AEP schema attribute selector to enable pre-filling from AEP.
Form Id - used mainly for webhook requests to control which data is sent. Only properties with matching Form Id will be included in the request. If empty - data from all fields collected in current session will be included.
Default Value - constant value to use for pre-filling field if no 'dynamic' value is found.
Pre-fill - select to attempt to pre-fill the field from AEP profile, local data from previous screen or wit the Default Value
Button Appearance
Label - text to be displayed on the button
Variant - visual variant
Is quiet - less prominent visual variant. Doesn't apply to link variant.
Button Actions
Link- screen to navigate to on click
Event Type - name (type) of event to generate on click. Used to trigger Data Collection Tag Property Rules. Leave empty for no event.
Webhook URL - URL to which a request should be sent on click. Leave empty for no request.
Form Id - used to filter properties to include in webhook request payload.
Custom Data - additional properties to add to dataLayer/request payload on click.
Alignment
Alignment - horizontal alignment of whole component