Skip to content
TrademarkTrademark
Docs
Components

User

Updated: May 9, 2025
View on GitHub

User is a compact component used to represent a user or persona. It combines an avatar, primary name, optional subline, and a status or role tag.

Loading

Display skeletons with the loading prop to show a graceful placeholder before data is available.

Custom content

You can override the default layout using children. This is useful for inline customization (e.g. badges, quick actions).

API reference

Type
Default
name
string—
children
React.ReactNode—
subline
React.ReactNode—
tag
Short label shown next to the name.
string—
tagProps
TagProps{}
loading
booleanfalse
avatarProps
AvatarProps{}
className
string—
style
React.CSSProperties—
Edit this page on GitHub