Text Field

   MaestroThe UI design product.  |   Form Builder |  All versions This feature is related to all versions.

Maestro comes with the Text Field component.

Usage

  1. Open the Palette pane in the Maestro Editor.
  2. Locate the Text Field component within the Input Fields folder.
  3. Drag the component into the View pane or the Wireframe.
  4. Configure the component's properties via the Properties pane.
  5. Maestro editor text field Properties tab

Properties

The following properties are available to the Text Field component:

Input Type
Option
inputType

Select the input type

The following options are available from the Input Type dropdown:

Label Value
Text text
Number number
Email email
Password password
Telephone tel
Max Characters
Integer
maxLength

Prevent Copy/Paste
Boolean
preventCopyPaste

Enabling this property will prevent copy and paste

Accessibility

Placeholder Text
Text
placeholder

Help Text

Popover Help Text
Help Text
helpText

Next, learn about the Topics component.