The user component formats a user card, with an avatar, user informations, and content like a button. It is also possible to attach an element, possibly a link with an icon, to the top right of the card.
For more informations about avatar, consult the dedicated page.
For more informations on the icons used, consult the dedicated page.
For more informations about grid, consult the dedicated page.
The component has the parent class
.ms-user. The user information must be contained in the class
.ms-user-info and the content in the class
It is possible to add a background with the class .ms-fill.
It is also possible to add a border with the .ms-border class.
The user component can also be compacted with the