React Form - Customize a Validation Icon
To customize the validation icon, modify the dx-texteditor-input-container
class. To shift the icon's position to the left, apply these CSS rules:
CSS
.dx-texteditor.dx-invalid .dx-texteditor-input-container::after { left: 4px; right: 0; } .dx-texteditor.dx-invalid .dx-texteditor-input { padding-right: 0; padding-left: 34px; }
Examine CSS if further customization is required.
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.