Avatar
Data display
A picture of a person, or their initials.
Avatar(src: …, alt: …, initials: …)
Example
Avatar(src: "/ada.jpg", alt: "Ada Lovelace")
Avatar(initials: "AL").primary.lg
Renders with the class wf-avatar, stable across releases, so a stylesheet may target it.
| Prop | Type | Meaning |
|---|---|---|
| src: | String |
Image URL |
| alt: | String |
Text alternative for the image |
| initials: | String |
Letters shown when there is no image |
| size: | .sm .md .lg |
Its size |
| tone: | .primary |
Colour of the initials |
Attribute families: global, aria, data. Plus the universal props on every element: animate:, exit:, speed:, class:, ref:.