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} />