Skip to main content
Version: 2.0.2

User

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.

Basic usage

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 .ms-user-content.

Live Editor
Result
Loading...

Fill

It is possible to add a background with the class .ms-fill.

Live Editor
Result
Loading...

Border

It is also possible to add a border with the .ms-border class.

Live Editor
Result
Loading...

Compact

The user component can also be compacted with the .ms-compact class.

Live Editor
Result
Loading...