Data display

Avatar

Available forNativeWeb

image + fallback initials

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

Default 48px. Image with initials fallback; size with size-8 / size-16; rounded-lg for a square.

API

<Avatar alt><AvatarImage source /><AvatarFallback><Text /></AvatarFallback></Avatar>

Get it

Already in every copy of the native kit:

import { Avatar } from '@/components/ui/avatar';

Details

Exports
Avatar
Packages
@rn-primitives/avatar@^1.5.2
Installs with
@kit-native/lib-utils
Also searched as
profile, user, initials

Agents: the whole registry is at /llms.txt.