Skip to main content

Avatar

Components

Avatar()

Avatar(props, context?): ReactNode

An Avatar component provides an easy and fast way to include an avatar in your app.

Parameters

ParameterType
propsAvatarProps
context?any

Returns

ReactNode

Example

 <Avatar size="md" avatar={avatar} profileId={profileId} />

Source

libs/design-system-core/src/components/Avatar/index.tsx:111

Props

AvatarBorderColor

AvatarBorderColor: "white" | "darkerBlue" | "accent"

Source

libs/design-system-core/src/components/Avatar/index.tsx:17


AvatarBorderSize

AvatarBorderSize: "xs" | "sm" | "md" | "lg" | "xl" | "xxl"

Source

libs/design-system-core/src/components/Avatar/index.tsx:15


AvatarProps

AvatarProps: AvatarContentProps & object

Type declaration

MemberType
hrefstring

Source

libs/design-system-core/src/components/Avatar/index.tsx:37


AvatarSize

AvatarSize: "xs" | "sm" | "md" | "lg" | "xl" | "xxl"

Source

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