Anatomy
Note: Image is not to scale
- Image container
Options
Size
Avatar supports any size token. The default size token is 200.
Guidance
Supports only 1:1 image ratios
Images set to the height and clipped in a round container. When images are not in a 1:1 aspect they will be distorted.
Recommended spacing
When inline, Avatars should maintain at least the recommended spacing
Accessibility
Avatars should always include alt text of the image.
API Reference
Avatar
| Prop | Description | Type | Default | Required |
|---|---|---|---|---|
| size | Sizes - supports any size token | enum number | 200 | 200 | False |