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 registry add @better-auth-ui=https://better-auth-ui.com/r/{style}/{name}.json

npx shadcn@latest add @better-auth-ui/security-settings

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.