Avatar

An avatar is a thumbnail representation of an entity, such as a user or an organization.

isOverBackground

import {Avatar} from '@react-spectrum/s2/Avatar';

<Avatar
  src="https://i.imgur.com/xIe7Wlb.png"
  alt="Avatar" />

API

Name	Type	Default
`alt`	`string`	Default: —
Text description of the avatar.
`src`	`string`	Default: —
The image URL for the avatar.
`styles`	`StylesPropWithoutWidth`	Default: —
Spectrum-defined styles, returned by the `style()` macro.
`size`	16 \| 20 \| 24 \| 28 \| 32 \| 36 \| 40 \| 44 \| 48 \| 56 \| 64 \| 80 \| 96 \| 112 \| number & {} \| `${number}lh`	Default: `24`
The size of the avatar.
`isOverBackground`	`boolean`	Default: —
Whether the avatar is over a color background.