### Differnt avatar

```jsx
<div>
    <div class="row">
        <div class="col-md-1 pb-2">
            <appup-avatar
                src="http://localhost:3000/profilepic.jpg"
                size="ssmall"
            />
            <p>ssmall</p>
        </div>
        <div class="col-md-1 pb-2">
            <appup-avatar
                src="http://localhost:3000/profilepic.jpg"
                size="small"
            />
            <p>small</p>
        </div>
        <div class="col-md-2 pb-2">
            <appup-avatar
                src="http://localhost:3000/profilepic.jpg"
                size="smedium"
            />
            <p>smedium</p>
        </div>
        <div class="col-md-2 pb-2">
            <appup-avatar
                src="http://localhost:3000/profilepic.jpg"
                size="medium"
            />
            <p>medium</p>
        </div>
        <div class="col-md-2 pb-2">
            <appup-avatar
                src="http://localhost:3000/profilepic.jpg"
                size="slarge"
            />
            <p>slarge</p>
        </div>
        <div class="col-md-2 pb-2">
            <appup-avatar
                src="http://localhost:3000/profilepic.jpg"
                size="large"
            />
            <p>large</p>
        </div>
        <div class="col-md-2 pb-2">
            <appup-avatar
                src="http://localhost:3000/profilepic.jpg"
                size="xlarge"
            />
            <p>xlarge</p>
        </div>
    </div>
</div>
```