We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

add tooltip to chip

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

Thank you. 

1 Reply

CI Christopher Issac Sunder K Syncfusion Team June 13, 2019 02:12 PM UTC

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-chip text="Andrew"></e-chip> 
            <e-chip text="Janet"></e-chip> 
            <e-chip text="Laura"></e-chip> 
            <e-chip text="Margaret"></e-chip> 
We have created a sample for adding tooltip to chip component 

Please refer the sample given below. 

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


Live Chat Icon For mobile
Up arrow icon