React Alegrify UI
Avatar
Variants
Default
<Avatar
alt="me"
image="https://source.unsplash.com/64x64/?person"
/>
Extra small
<Avatar
alt="me"
image="https://source.unsplash.com/16x16/?person"
xs
/>
Small
<Avatar
alt="me"
image="https://source.unsplash.com/32x32/?person"
s
/>
Large
<Avatar
alt="me"
image="https://source.unsplash.com/100x100/?person"
l
/>
Extra large
<Avatar
alt="me"
image="https://source.unsplash.com/200x200/?person"
xl
/>
Properties
Property | Type | Default |
---|---|---|
image* | string | |
alt* | string | |
className | string | |
dataTest | string | |
dataTestId | string |