<baht-avatar>

Small circular identity chip — initials derived from label, or an explicit initials override.

Sizes

labelinitials

HTMLReactAngular

Copy

<baht-avatar label="Pear Nattapong" size="sm"></baht-avatar>
<baht-avatar label="Pear Nattapong" size="md"></baht-avatar>
<baht-avatar label="Pear Nattapong" size="lg"></baht-avatar>

Explicit initials

HTMLReactAngular

Copy

<baht-avatar initials="P"></baht-avatar>

Props

Name	Type	Default	Description
label	string	''	Full name; initials are derived from it when initials isn't set
initials	string	''	Explicit override — first 1-2 characters are shown as-is
size	AvatarSize	'md'	Chip size (sm | md | lg)