Components

<AccountSettings />

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

Usage

User profile

Change email

import { AccountSettings } from "@/components/auth/settings/account/account-settings"

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

Installation

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

Props

Prop

Type

Last updated on

A comprehensive settings component with tabbed navigation for account and security views.

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