BETTER-AUTH. UI
Components

<UserAvatar />

Renders the Solid session user avatar with image, initials, and icon fallback support.

Usage

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

export function UserAvatarDemo() {
  return <UserAvatar label="Ada Lovelace" initials="AL" />
}

Installation

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

After install, src/components/auth/user/user-avatar.tsx and the copied avatar files are app-owned. Customize fallback initials, icon behavior, or avatar sizing in your copied component.

Props

Prop

Type

Last updated on

<AuthProvider />

Provides AuthConfig and Solid Query context to installed Solid auth components.

<UserButton />

Renders the Solid account trigger with session-aware menu items, settings links, sign out, and plugin-contributed user menu items.

On this page

UsageInstallationProps