JSFiddle - React, Tailwind, and code Playground

by stevebeauge

HTML

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

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

<h1 class="pageTitle">
  This is a page
</h1>

<mgt-person person-query="me" show-name show-email person-card="hover">
  <template data-type="person-card">
    <mgt-person-card person-details="{{person}}" person-image="{{personImage}}">

    </mgt-person-card>
  </template>
</mgt-person>

CSS

.pageTitle{
  z-index:2;
  position:relative;
}

mgt-person-card{
  background-color:pink
}