<ChangePassword />

Usage

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

export function ChangePasswordDemo() {
  return <ChangePasswordSettings />
}

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 add https://better-auth-ui.com/r/solid/change-password.json

After install, src/components/auth/settings/security/change-password.tsx is app-owned. Customize it inside your Solid app as needed.

Props