BETTER-AUTH. UI
Components

<UserView />

Renders a compact Solid user identity row with avatar, primary label, and optional secondary label.

Usage

import { UserView } from "@/components/auth/user/user-view"

export function UserViewDemo() {
  return <UserView label="Ada Lovelace" secondaryLabel="[email protected]" />
}

Installation

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

After install, src/components/auth/user/user-view.tsx and the copied user view files are app-owned. Tune the label and secondary label mapping to match your account model.

Props

Prop

Type

Last updated on

<UserButton />

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

<Auth />

Renders the Solid auth component for the current path or explicit view.

On this page

UsageInstallationProps