BETTER-AUTH. UI
Components

<SecuritySettings />

A Solid security settings stack for password, sessions, linked accounts, and plugin-contributed security cards.

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

Prop

Type

Last updated on

<ChangeEmail />

A Solid settings card for changing the signed-in user's email address.

<ChangePassword />

A Solid security card for changing or setting a credential password.

On this page

UsageInstallationProps