The visualization of details of an individual including Skype contact details, email, location information, and location within the hierarchy of an organization. Within Office 365, PersonaCards often appear when a user hovers, taps, or clicks on a Persona.
<head>
<link rel="stylesheet" href="fabric.min.css">
<link rel="stylesheet" href="fabric.components.min.css">
<script src="jquery-2.2.1.min.js"></script>
<script src="jquery.fabric.min.js"></script>
</head>
<script>
tag to your page, below the references to jQuery and Fabric's JS, to instantiate all Persona Card components on the page: <script>
$(document).ready(function() {
if ($.fn.PersonaCard) {
$('.ms-PersonaCard').PersonaCard();
}
});
</script>
This component uses a Persona component to present the person, an OrgChart to present the persona's position within the organization, and a Link for navigation.