BETTER-AUTH. UI
Components

<ChangeEmail />

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

Usage

Change email

import { ChangeEmail } from "@/components/auth/settings/account/change-email"

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

Installation

npx shadcn@latest registry add @better-auth-ui=https://better-auth-ui.com/r/{style}/{name}.json
npx shadcn@latest add @better-auth-ui/change-email

Props

Prop

Type

Last updated on

<UserProfile />

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

<SecuritySettings />

A container component that wraps security-related settings like password management.

On this page

UsageInstallationProps