Components

<SecuritySettings />

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

Usage

Change password

Linked accounts

Active sessions

import { SecuritySettings } from "@/components/auth/settings/security/security-settings"

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

Installation

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

Props

Prop

Type

Last updated on

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

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