Skip to main content
Version: 1.0.5

README

@spartanfx/react v1.0.5

@spartanfx/react / ActionPersona

ActionPersona

A modern, interactive persona component with hover card actions.

Displays a user's avatar and name in a pill format, with a hover card showing detailed information and quick actions (email, Teams chat).

Example​

<ActionPersona
  baseUrl="https://contoso.sharepoint.com"
  user={{
    email: "john.doe@contoso.com",
    title: "John Doe",
    secondaryText: "Software Engineer",
    tertiaryText: "Engineering Department"
  }}
  allowTeamChat
  shadow
/>

Variables​