Display person-card directly without hover - Microsoft Graph Tool Kit


I'm building SPFx solution which pull users from SharePoint list. I want to show user details and along with Email, Phone number, Call Icons similar to person card.


Since Microsoft graph toolkit already has an component names person-card, I would like to use by passing email parameter of the user to component. But when I saw the document and jsfiddler example. Both are showing the display person card based on hover. But I want to show it directly instead of hover or click.


Please point me to right direction if I miss anything from docs.


<mgt-person person-query="me" show-name show-email person-card="hover">


1 Reply
best response confirmed by Srinivas Narula (Contributor)

@Srinivas Narula 


May you check:


and use 



<mgt-person-card person-query="me"></mgt-person-card>