mgt-person-card v2

by metulev

HTML

<script src="https://unpkg.com/@microsoft/mgt@next/dist/bundle/mgt-loader.js"></script>

<mgt-mock-provider></mgt-mock-provider>

<mgt-person person-query="me" view="twolines" person-card="hover"></mgt-person>
<mgt-person person-query="alex" view="twolines" person-card="hover"></mgt-person>
<mgt-person person-query="patti" view="twolines" person-card="hover"></mgt-person>

JavaScript

document.querySelector('.person').personDetails = {
	displayName: "Bill Gates"
}