BETTER-AUTH. UI
Components

<ChangePassword />

A form component for users to change their password with current password verification.

Usage

Change password

import { ChangePassword } from "@better-auth-ui/heroui"

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

Current, new, and confirmation password fields provide independent localized show/hide controls.

When a user without a credential account requests a set-password email, the email-provider button appears after the request succeeds. Hover or focus it to show a QR code for opening the same provider URL on another device.

Props

Prop

Type

Last updated on

<SecuritySettings />

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

<LinkedAccounts />

Display and manage linked social accounts with the ability to link and unlink providers.

On this page

UsageProps