Avatar
The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.
Import
import { Avatar } from '@unllamas/lacrypta-ui';
Usage
<Avatar src='https://bit.ly/llama-lawallet-ar' name='Llama' />
<Avatar src='https://bit.ly/gorila-lacrypta-ar' name='Gorila' />
<Avatar src='https://bit.ly/pulpo-hodl-ar' name='Pulpo' />
Avatar Size
The size
property receives xs
, sm
, md
, lg
or xl
value
<Avatar ... size='xs' />
<Avatar ... size='sm' />
<Avatar ... size='md' />
<Avatar ... size='lg' />
<Avatar ... size='xl' />