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.
Usage
import { Avatar } from "@kernelui/react";
<Avatar src="/karl.jpg" alt="Karl Koch" fallback="KK" />Props
| Prop | Type | Default |
|---|---|---|
fallback | string (required) | — |
src | string | — |
alt | string | — |