BETTER-AUTH. UI
Components

<UserProfile />

A form component for users to update their profile information, including name and avatar display.

Usage

User profile

import { UserProfile } from "@/components/auth/settings/account/user-profile"

export function UserProfileDemo() {
  return (
    <div className="w-full">
      <UserProfile />
    </div>
  )
}

Installation

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

Props

Prop

Type

Last updated on

<AccountSettings />

A container component that wraps the UserProfile component for account settings management.

<ChangeEmail />

A form component for users to change their email address with verification.

On this page

UsageInstallationProps