2.0 alpha
These docs describe 2.0. Install it with @once-ui-system/core@alpha.
On 1.8.x? Read the 1.x docs
TrademarkTrademarkDocs
Ctrl k
Search 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. Display skeletons with the loading prop to show a graceful placeholder before data is available. You can override the default layout using children. This is useful for inline customization (e.g. badges, quick actions).
Prop
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
TrademarkTrademark
Built with curiosity by Lorant One and the Design Engineers Club