Components

<SecuritySettings />

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

Change password

Linked accounts

Active sessions

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

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

Sensitive session operations can return SESSION_NOT_FRESH. The active sessions card shows an inline password prompt for this response. After the user signs in again, it retries the session query. If password sign-in is disabled, the prompt links to the configured sign-in route.

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.

<SecuritySettings />

Usage

Change password

Linked accounts

Active sessions

Props

Fresh-session checks

On this page