Avatars are identifiers that makes people and companies more scannable for payments, spending overviews and social functionality. The fallback for a person is the letter version that uses the first letter of a persons name. A company has the icon version as it’s default/fallback. The badge is used to mark country/currency if needed.
To ensure the correct use of Avatars, we require using a
Avatar-components as children.
Avatar.Group will ensure the correct use of accessibility for screen readers.
See more examples below.