Forum Discussion

Srinivas Narula's avatar
Srinivas Narula
Brass Contributor
Mar 10, 2020
Solved

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 https://docs.microsoft.com/en-gb/graph/toolkit/components/person.

 

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

 

  • 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>

     

     

1 Reply

  • Tollertenya445's avatar
    Tollertenya445
    Copper Contributor

    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>

     

     

Resources