Skip to main content

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

ParameterType
propsAppAvatarProps
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

MemberType
appTypeAkashaAppApplicationType
avatarAppImageSource
onClickReact.MouseEventHandler
publicImgPathstring

Source

libs/design-system-core/src/components/AppAvatar/index.tsx:13