---
title: Generated Text
slug: docs/generated-text
docTags: 
createdAt: 2024-11-19T16:48:43.184Z
---

A text component that generates an ID string based on provided pattern. Generated text can be stored and loaded similar to value of input components. Can be used as e.g. booking confirmation number etc.



::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/t0QTkJZAmdXvoX2ggf8Up_image.png" size="62" width="1064" height="962" position="center" showCaption="false"}

Pattern can consist of any characters. The following ones will be replaced with random ones:

| Character | Replaced by                |
| --------- | -------------------------- |
| #         | digit 0-9                  |
| @         | lower-case letter          |
| ^         | upper-case letter          |
| \*        | any alphanumeric character |
| %         | digit or upper-case letter |
| $         | digit or lowe-case letter  |

Examples:

| Pattern                  | Sample outcome           |
| ------------------------ | ------------------------ |
| ##-##                    | 21-49                    |
| something \*\*\*\*\*     | something b4Eu9          |
| @@\_^^                   | ne\_PQ                   |
| 0x####                   | 0x3942                   |
| %%%%%%                   | P3M548                   |
| #### #### #### #### #### | 7362 0482 1034 1204 6777 |

### Properties

- **Pattern&#x20;**- pattern to use for tet generation.
- **Name** - name of the field used to  identify and also to save its value if **Path** is not set.
- **Data storage 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** - the id of the form that gathers all data. 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.
- **Pre-fill&#x20;**- select to attempt to pre-fill the field from AEP profile, local data from previous screen or wit the Default Value
- **Alignment** - horizontal alignment of the field.
- **Styles** section - [see docs](https://docs.adobedemo.com/projects/project-types/web/common-properties).

