add tooltip to chip

[ttArbor]

is there some way that I can add tooltip to chips in ChipListComponent? 

Thank you. 

[Christopher Issac Sunder K]

Hi Thao, 

Greetings from Syncfusion support. 

we can achieve your requirement by passing the tooltip target as “.e-chip” class . Please refer the below code snippets. 

<ejs-tooltip id='tooltip' #tooltip target=".e-chip" 

             position="BottomCenter" (beforeRender)=beforeRender($event)> 

    <ejs-chiplist id="chip"> 

        <e-chips> 

            <e-chip text="Andrew"></e-chip> 

            <e-chip text="Janet"></e-chip> 

            <e-chip text="Laura"></e-chip> 

            <e-chip text="Margaret"></e-chip> 

        </e-chips> 

    </ejs-chiplist> 

</ejs-tooltip> 

  

We have created a sample for adding tooltip to chip component 

Please refer the sample given below. 

link: https://stackblitz.com/edit/angular-aln4fg?file=src/app/app.component.html 

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

Thanks,
Christo