Data displayReact Native

Avatar

Display a native image or fallback identity at shared avatar sizes.

Public APILumenAvatarReact Native

Native example

Use Avatar

Keep image sources native to the platform. Use initials or a short fallback when no image is available.

View verified React Native runtime capture

Verified runtime captureExpo web renderer

<LumenAvatar
  fallback="SM"
  size="lg"
  label="Santiago Molina"
/>

Reference

The primary shared and platform-specific options exposed by LumenAvatar.

API	Values or type	Default	Description
source	`ImageSourcePropType?`	`nil`	Provides the platform-native image source.
fallback	`String`	`?`	Provides fallback text, normally initials.
size	`sm · md · lg`	`md`	Uses a 32, 40, or 56 unit diameter.
label	`String?`	`nil`	Names an identity-bearing avatar.

Native behavior

Keep image sources native to the platform. Use initials or a short fallback when no image is available.

Supply a label when the avatar conveys identity. Omit it when the same name appears adjacent and the image is decorative.

Shared component