BETTER-AUTH. UI
Components

<AccountSettings />

A container component that wraps the UserProfile component for account settings management.

Usage

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

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

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

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

Installation

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

Props

Prop

Type

Last updated on

<Settings />

A comprehensive settings component with tabbed navigation for account and security views.

<UserProfile />

A form component for users to update their profile information, including name and avatar display.

On this page

Usage
Installation
Props