<ChangePassword />

Usage

import { ChangePassword } from "@/components/auth/settings/security/change-password"

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.

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-password

Props