Skip to content

Data display

MSM pattern

Person

One identity presentation for people: colorful avatar, name, and supporting detail.

When to use it
Show a person with PersonIdentity everywhere: tables, lists, menus, and messages. Use the detail line to tell duplicate names apart.

Identities

  • Alex RiveraGuitar · alex.guitar@example.com
  • Alex RiveraPiano · alex.piano@example.com
  • Avery Montgomery-WilliamsEmail not provided
  • Ren OkaforTeacher · Strings

Usage

Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.

View registry item