Avatar

Avatar

This component has 3 properties, iconSize, isRounded, and imgSrc.
iconSize "large" | "medium" | "small" required
isRounded boolean (default false)
imgSrc string required

In terms of imgSrc, this is almost the same as 's src, so if your src comes from the internet, you can pass it to imgSrc property directly. If not, you will need to import your image like below.

import { NesAvatar } from 'nes-components';
import * as mySelfie from './asset/me.png';

<NesAvatar iconSize={"medium"}, isRounded={true} imgSrc={mySelfie} />