UserAvatar

Overview

Initials chip representing a user. Composed by SidebarUserBlock at 32 px and ViewHistoryList's history-user column at 22 px. Initials-only for now; a src photo prop is reserved for a later iteration.

Initials algorithm: when name has two or more whitespace-separated tokens, uses the first character of the first and last tokens. Otherwise uses the first two characters of the single token. Always uppercased. An explicit initials prop, when set, takes precedence and is uppercased verbatim.

Theme entry: UserAvatar

Props

Name	Type	Required	Default	Description
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
name	string		""	Full name; used to derive initials when initials is not provided.
initials	string		undefined	Explicit initials; takes precedence over derivation from name.
size	number		32	Pixel size of the chip (width and height).
tone	('primary'|'sidebar')		"primary"	Color tone.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes applied to the root.

Source

client/lib/display/avatar/UserAvatar.vue