Avatar

A real <img> when there's a picture. Broken or missing images can't be detected in CSS alone, so the fallback swap to initials is the one deliberate piece of JavaScript here, anonError handler, everything else is native image handling.

KKDX

import { Avatar } from "@kernelui/react";

<Avatar src="/karl.jpg" alt="Karl Koch" fallback="KK" />

Props