<SecuritySettings />

Usage

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

export function SecuritySettingsDemo() {
  return <SecuritySettings />
}

SecuritySettings renders password, linked-account, active-session, API key, passkey, delete-user, and plugin-contributed security cards.

Installation

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

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

Props

Fresh-session checks

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.