Avatar

User profile image or fallback initials

Examples

{
  "type": "avatar",
  "src": "https://github.com/shadcn.png",
  "alt": "User"
}

{
  "type": "avatar",
  "fallback": "JD"
}

interface AvatarSchema {
  type: 'avatar';
  src?: string;
  alt?: string;
  fallback?: string;
  size?: 'sm' | 'md' | 'lg';
  className?: string;
}

Badge

Small status or label indicator

Alert

Display important messages and notifications