Text Input Element
The TextInputElement class is used to create a text input element in a user interface.
Constructor
| Name | Type | Description |
|---|---|---|
| elementId | string | This property in constructor accepts the Id for the element |
| label | string | This 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 TextElement:
- 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");