Avatar

Shows who a person is at a glance, with their picture or their initials, such as the signed-in clinician in a sidebar's footer.

Unreleased

These changes are merged and will be in the next release of the packages.

MinorAdd Avatar, a person's picture or their initials, on the Base UI Avatar, with shadcn's parts: AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup and AvatarGroupCount. Its sm, default and lg sizes are the control heights, so they follow the density, and its edge shows in both modes without a dark: override.

Avatar code

How to install Avatar, its parts and props, and how it differs from the shadcn Avatar.

Badge

Labels an item with a short status, category or count, such as "Draft" or "Final".