Skip to main content
Version: v4

Text Input Element

The TextInputElement class is used to create a text input element in a user interface.

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:

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:

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:

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:

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:

// 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");