Shadcn UI Avatar

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.

serverpod 70ebc96 607 B Updated

File contents

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

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).

serverpod/skills-registry/tree/main/skills/shadcn_ui/shadcn_ui-avatar commit 70ebc96334

Frequently asked questions

npx skillmds@latest add serverpod/shadcn-ui-avatar