AppAvatar
Components
AppAvatar()
AppAvatar(
props
,context
?):ReactNode
An AppAvatar provides a fast and easy way to create an avatar component. You can easily customize its size, border, background color, clickability and apply custom styling using the corresponding props.
Usage
Parameters
Parameter | Type |
---|---|
props | AppAvatarProps |
context ? | any |
Returns
ReactNode
Example
const profileId = 'did:pkh:eip155:5:0x36c703c42dfa2437dc883e2e0884e57404e16493';
const avatar = { src: 'https://placebeard.it/360x360', height: 360, width: 360 };
<AppAvatar avatar={avatar} appType={AkashaAppApplicationType.App} avatar={avatar} />
Source
libs/design-system-core/src/components/AppAvatar/index.tsx:33
Props
AppAvatarProps
AppAvatarProps:
object
Type declaration
Member | Type |
---|---|
appType | AkashaAppApplicationType |
avatar | AppImageSource |
onClick | React.MouseEventHandler |
publicImgPath | string |
Source
libs/design-system-core/src/components/AppAvatar/index.tsx:13