shadcn_ui-avatar

Original：🇺🇸 English

Translated

Display user avatars with ShadAvatar; image URL with optional placeholder. Use when showing user profile images or fallback initials in a Flutter shadcn_ui app.

2installs

Sourceserverpod/skills-registry

Added on2026-04-21

NPX Install

npx skill4agent add serverpod/skills-registry shadcn_ui-avatar

SKILL.md Content

View Translation Comparison →

Shadcn UI — Avatar

Instructions

ShadAvatar

is an image with a placeholder for representing the user. Uses the

universal_image

package for multiple image formats.

Basic usage

dart

ShadAvatar(
  'https://example.com/avatar.png',
  placeholder: Text('CN'),
)

Pass the image URL as the first argument;

placeholder

is shown while loading or if the image fails (e.g. initials).