icons not show on text box

[Eduardo]

i follow the example on https://ej2.syncfusion.com/angular/documentation/textbox/getting-started#adding-icons-to-the-textbox but the icons not show could you give me a clue

styles.css

@import '../node_modules/@syncfusion/ej2-base/styles/material.css';

@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';

@import '../node_modules/@syncfusion/ej2-angular-inputs/styles/material.css';

.wrapper  {

  width: 50%;

  margin: 0 auto;

}

thanks in advance

[YuvanShankar Arunagiri]

Hi Eduardo,

We have validated your reported query with a shared UG sample. The issue was that the icon style in the index.css file was not properly referred to in the textbox component. Kindly move the icon style from index.css to style.css to display the icon in the textbox stack blitz sample. Refer to the below code snippet and sample link.

.e-input-group-icon:before {

  font-family: e-icons;

}

 

.e-input-group-icon.e-input-popup-date:before { /* csslint allow: adjoining-classes */

  content: "";

}

Sample link: https://stackblitz.com/edit/angular-lkrvpa3j?file=src%2Fstyles.css

Please get back to us if you need any further assistance. 

  

Regards, 

YuvanShankar A