<UserAvatar />

Renders the current user's avatar using session data. Shows a skeleton while loading and falls back to initials when no image is available.

import { UserAvatar } from "@/components/auth/user/user-avatar"

export function UserAvatarDemo() {
  return <UserAvatar />
}

npx shadcn@latest add https://better-auth-ui.com/r/user-avatar.json

Last updated on