AL
Avatar
Initials avatar with a gradient tint, three sizes and a presence dot.
Usageimport { Avatar } from "./Avatar";
1import { Avatar } from "./Avatar";2 3<Avatar />Copy the source with the toolbar’s copy button — or open the Code pane to select it by hand — then paste the file into your project. It is self-contained, with no registry metadata and no dependencies (Tailwind classes required).
Props
| Prop | Type | Default |
|---|---|---|
| name | string | Ada Lovelace |
| size | sm | md | lg | md |
| status | none | online | away | offline | online |
| circle | boolean | true |