BETTER-AUTH. UI
Components

<AccountSettings />

A Solid account settings stack for profile, email, and plugin-contributed account cards.

Usage

import { AccountSettings } from "@/components/auth/settings/account/account-settings"

export function AccountSettingsDemo() {
  return <AccountSettings />
}

AccountSettings renders profile, email, and plugin-contributed accountCards in the account tab.

Installation

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

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

Props

Prop

Type

Last updated on

<Settings />

A Solid settings shell with account and security tabs for authenticated users.

<UserProfile />

A Solid profile form for updating the signed-in user's name, additional fields, and avatar surface.

On this page

UsageInstallationProps