Set the rounded corner in React TextBox component

21 Oct 20241 minute to read

Render the TextBox with rounded corner by adding the e-corner class to the cssClass property of 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 Date" cssClass="e-corner"/>
    </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 Date" cssClass="e-corner"/>
    </div>
);
}
}

ReactDOM.render(<Default />, document.getElementById('input-container'));