Avatar

The image's alt text, and the accessible name of the whole avatar when there is no image. It falls back to `name`; with neither, the avatar says nothing at all — which is what you want beside a name already written out, and not what you want when it stands alone.

Replaces the initials — a glyph, a status mark. It never shows over an image, so it is the fallback's fallback and not a layer on top.

The scale the fallback draws from. Deriving it from the name is the consumer's job — the same `color` here gives every avatar in a list the same tint.

Where the initials come from: the first letter of the first and last words, uppercased. It also names the avatar when there is no `alt`.

How round it is. `"sm"` and `"md"` are what turn it into a squircle for a team or an org.

The avatar's square, as a control step or as any length. Unlike the rest of the sizes here it takes a raw value, which is what lets it line up with a row of arbitrary height.

The picture. A load failure is remembered for the life of the component, so it falls back to the initials once and does not flicker between the two on later renders.

How the fallback is filled. It only ever shows when there is no image, so it dresses the initials and nothing else.