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

[Srinivas Narula]

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">
    </mgt-person>

 

[#2 · Accepted solution]

@Srinivas Narula 

May you check: https://mgt.dev/?path=/story/components-mgt-person-card--person-card

and use 

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