SOLVED

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

Contributor

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>

 Person-Card.PNG

1 Reply
best response confirmed by Srinivas Narula (Contributor)
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>