Avatar

Avatar + image + fallback with load-state handling.

Install

npx github:truongnat/rnui#cli add avatar

or directly via the shadcn CLI:

npx shadcn add https://<registry-base>/r/nativewind/avatar.json   # or /uniwind/

Usage

<Avatar>
  <AvatarImage source={{ uri: 'https://i.pravatar.cc/100' }} />
  <AvatarFallback>TQ</AvatarFallback>
</Avatar>

Source

• components/ui/avatar.tsx

Installs together with: utils, text, theme