Set the disabled state in React Textbox component
30 Jan 20233 minutes to read
Disable the TextBox by adding the e-disabled
to the input parent element and set disabled
attribute to the input element.
import * as React from "react";
import * as ReactDOM from "react-dom";
export default class App extends React.Component {
render() {
return (<div>
<input className="e-input" type="text" placeholder="Enter Name" disabled={true}/>
<div className="e-float-input e-disabled">
<input type='text' required={true} disabled={true}/>
<span className="e-float-line"/>
<label className="e-float-text">Enter Name</label>
</div>
</div>);
}
}
;
ReactDOM.render(<App />, document.getElementById('input-container'));
import * as React from "react";
import * as ReactDOM from "react-dom";
export default class App extends React.Component<{}, {}> {
public render() {
return (
<div>
<input className="e-input" type="text" placeholder="Enter Name" disabled={true}/>
<div className="e-float-input e-disabled">
<input type='text' required = {true} disabled = {true}/>
<span className="e-float-line"/>
<label className="e-float-text">Enter Name</label>
</div>
</div>
)
}
};
ReactDOM.render(<App />, document.getElementById('input-container'));