Avatar

avatar.bg.[color] avatar.text.[color]

avatar.icon.fallback avatar.icon.default

avatar.image.mask avatar.image.radius

avatar.size.[size] avatar.size.[size].diameter avatar.size.[size].font avatar.size.[size].icon

avatar.badge.size avatar.badge.offset.x avatar.badge.offset.

Explanation

• avatar.bg.[color] → background used for initials or fallback
• avatar.text.[color] → initials text color
• avatar.size.[size] → XS / SM / MD / LG / XL
• avatar.shape.[variant] → circle / rounded / square
• avatar.icon.fallback → user icon when no photo
• All sizing + image behavior handled generically

badge

Button