Skip to main content

​
Constructor

NameTypeDescription
elementIdstringThis property in constructor accepts the ID for the element
labelstringThis property in constructor accepts the label for input

​
Class Usage

How to create an instance of the TextInputElement class:
  • TypeScript
let inputElement = new TextInputElement("1", "Name");
In the above example, a new instance of TextInputElement is created with the elementId “1” and the label “Name”.

​
Key Properties and Methods

​
Maximum Lines for Text Input

The setMaxLines() method is used to set the maximum number of lines for a multi-line text input element, while getMaxLines() is used to retrieve the set value. For example:
  • TypeScript
let inputElement = new TextInputElement("1", "Name");
inputElement.setMaxLines(1); //set max lines

​
Placeholder Text for the Input Element

The setPlaceholder() method is used to set placeholder text in the input field and getPlaceholder() is used to retrieve the placeholder text. For instance:
  • TypeScript
let inputElement = new TextInputElement("1", "Name");
inputElement.setPlaceholder("Enter your name");

​
Default Value of the Input Element

The setDefaultValue() method sets the default value in the text input, while getDefaultValue() retrieves the default value. For example:
  • TypeScript
let inputElement = new TextInputElement("1", "Name");
inputElement.setDefaultValue("John Doe");

​
Example

Below is an example that showcases the creation and manipulation of an instance of TextInputElement:
  • TypeScript
// Import the class
import { TextInputElement } from "./TextInputElement";

// Create a new instance of the class
let inputElement = new TextInputElement("1", "Name");

// Set the max lines
inputElement.setMaxLines(1);

// Set the placeholder text
inputElement.setPlaceholder("Enter your name");

// Set the default value
inputElement.setDefaultValue("John Doe");