BETTER-AUTH. UI
Components

<SecuritySettings />

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

Usage

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

function RouteComponent() {
  return (
    <div className="container mx-auto p-4 md:p-6">
      <SecuritySettings />
    </div>
  )
}
})

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

function RouteComponent() {
  return (
    <div className="container mx-auto p-4 md:p-6">
      <SecuritySettings />
    </div>
  )
}

Installation

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

Props

Prop

Type

Last updated on

<Accounts />

Display and manage multiple signed-in accounts for multi-session support.

<ChangePassword />

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

On this page

Usage
Installation
Props