@syncfusion/ej2-inputs

TextBox

The TextBox component allows users to input text. It supports various configurations like placeholder text, floating labels, and more.

import { TextBox } from '@syncfusion/ej2-inputs';

let textBoxObj = new TextBox({
    placeholder: 'Enter your name'
});
textBoxObj.appendTo('#textbox');

NumericTextBox

The NumericTextBox component is used for numerical input. It supports features like min/max values, step increments, and custom formatting.

import { NumericTextBox } from '@syncfusion/ej2-inputs';

let numericTextBoxObj = new NumericTextBox({
    value: 10,
    min: 0,
    max: 100,
    format: 'n2'
});
numericTextBoxObj.appendTo('#numerictextbox');

MaskedTextBox

The MaskedTextBox component allows users to input text in a specific format, such as phone numbers or dates, using a mask pattern.

import { MaskedTextBox } from '@syncfusion/ej2-inputs';

let maskedTextBoxObj = new MaskedTextBox({
    mask: '000-000-0000'
});
maskedTextBoxObj.appendTo('#maskedtextbox');

Slider

The Slider component is used for selecting a value from a range. It supports features like min/max values, step increments, and orientation.

import { Slider } from '@syncfusion/ej2-inputs';

let sliderObj = new Slider({
    value: 30,
    min: 0,
    max: 100,
    step: 1
});
sliderObj.appendTo('#slider');