Skip to Content

avatar

ui

An image element with a fallback for representing the user.

Use cases

  • User profile pictures
  • Contact lists
  • Comment sections
  • Team member displays

Features

  • Image with fallback to initials
  • AvatarFallback for when image fails
  • Composable with other components

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

MKNYSA

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/avatar

Dependencies

radix-ui

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/avatar

Source

components/ui/avatar.tsx