Set the read only TextBox in React TextBox component

21 Oct 20241 minute to read

You can make the TextBox as read-only by setting the readonly property to the TextBoxComponent.

index.jsx

import { TextBoxComponent } from "@syncfusion/ej2-react-inputs";
import * as React from "react";
import * as ReactDOM from "react-dom";
export default class Default extends React.Component {
    render() {
        return (<div>
        <TextBoxComponent placeholder="Enter Name" floatLabelType="Auto" readonly= {true} value="John" />
        </div>);
    }
}
ReactDOM.render(<Default />, document.getElementById('input-container'));

index.tsx

import { TextBoxComponent } from "@syncfusion/ej2-react-inputs";
import * as React from "react";
import * as ReactDOM from "react-dom";

export default class Default extends React.Component {

public render() {
   return (
        <div>
        <TextBoxComponent placeholder="Enter Name" floatLabelType="Auto" readonly= {true} value="John" />
        </div>
    );
   }
}
ReactDOM.render(<Default />, document.getElementById('input-container'));