User
The User is used inside the MainNavigation and can display an avatar and username. It can be also used inside forms, etc. with the extended prop.
When to use
- Use the
Usercomponent to represent individual users, especially in contexts like navigation bars, user profiles, or forms. - Utilize the
imageprop for adding user avatars, enhancing visual recognition. - Apply the
nameprop to display the user’s name, ensuring it is clearly visible next to the avatar. - Use
ellipsisprop for names that might be too long. - Employ
descriptionandextendedDescriptionprops for additional user information, providing context and details about the user.
When not to use
- Do not use the
Usercomponent for non-user-related entities. It is specifically designed for representing individual users. - Avoid overcrowding the component with too much text or overly detailed descriptions. Keep it concise and relevant.
Anatomy
Properties
Actions 🎬
When including user information, balance the display of textual information with visual elements. Use the ellipsis, description, and extendedDescription props thoughtfully to ensure the component remains informative yet uncluttered.