with Search icon

[vin]

I need a sample textbox with search icon

Thanks

[Ponmani Murugaiyan]

Hi Vin, 

Greetings from Syncfusion support. 

We can add the icon in front or end of the textbox by using our public method called “addIcon”. Kindly refer the below code example.  

 

[app.component.ts] 

 

public onCreate(args: any) :void { 

    this.textboxObj.addIcon("append", "e-icons e-search"); 

} 

 

 

[app.component.css] 

 

.e-search:before { 

    content: '\e993'; 

} 

 

 

[app.component.html] 

 

<ejs-textbox id="textbox" #default placeholder="Enter your name" floatLabelType="Auto" (created)="onCreate($event)"></ejs-textbox> 

 

Output: 

 

 

 

 

Sample: https://stackblitz.com/edit/angular-mlm3xk-t6gz7r?file=app.component.html 

Documentation: https://ej2.syncfusion.com/angular/documentation/api/textbox/#addicon 

Please get back us, if you need further assistance. 

Regards, 

Ponmani M