Syncfusion AI Assistant

How can I help you?

Set the rounded corner in React TextBox component

21 Feb 20261 minute to read

Apply rounded corners to the TextBox by adding the e-corner CSS class to the cssClass property of the TextBoxComponent. This creates a modern, polished appearance that aligns with contemporary design standards.

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'));
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'));