Getting Started with KendoReact MaskedTextBox

The KendoReact MaskedTextBox uses a mask to control the input of the user.

The KendoReact MaskedTextBox is distributed through NPM under the kendo-react-inputs package.

The MaskedTextBox component is part of KendoReact, a professionally built commercial UI library. To try out this component you need to sign up for a 30-day trial, which gives you access to the full KendoReact library.

Basic Usage

The following example demonstrates the MaskedTextBox in action.

class App extends React.Component {
    render() {
        return (
            <div>
                <p>Enter phone number</p>
                <MaskedTextBox mask="(999) 000-00-00-00" defaultValue="(359) 884-12-33-21" />
            </div>
        )
    }
}

ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

Functionality and Features