Products · Components
Avatar
A person's photo in a circle, or their initials when there's no photo.
Without a photo, or when the photo doesn't load, it shows the initials of name: "Aminata Kamara" becomes AK.
Children: Nothing
Example
<View direction="row" gap="medium" align="center">
<Avatar name="Aminata Kamara" image="statics/photo.jpg" size="large" />
<Avatar name="Mohamed Sesay" size="large" />
<Avatar name="Fatmata Conteh" />
</View>Props
| Prop | Type | What it is |
|---|---|---|
name | string | The person's name, which screen readers say. |
image | string | The person's photo. It takes the same addresses as an Image's src. |
size | size | Default: medium. |
Events
None.