<bmx-avatar>
A person, drawn small.
Two initials from two words and one from a single word: Prince as
PR reads as
two names, and a name written in a script without spaces is one word by definition. The tint is derived from the
name, so the same person is the same colour on every page — and a filtered list does not change colour on
every keystroke, which is what a random tint does.
--bmx-avatar-size rather than a property with three names in it, so a customer who needs 34px
between your medium and your large does not have to fork the component. The corner slot takes a
bmx-badge and mirrors under RTL.
AL is never read out. Initials are an abbreviation the layout asked for, exactly as
99+ is on a badge, so the letters are drawn aria-hidden and the accessible name is the
whole name. Beside a name that is already written on the page, set decorative — otherwise every
row of a list is read twice.
Every property, event and method: https://docs.binarymission.co.uk/webcomponents/bmx/bmx-avatar.html