Components
<UpdateNameCard />
Settings card for updating user's display name
Import
import { UpdateNameCard } from "@daveyplate/better-auth-ui"Usage
<UpdateNameCard />Props
| Name | Type | Default | Description |
|---|---|---|---|
className | string | undefined | Additional CSS classes for styling |
localization | AuthLocalization | undefined | Localization object for translations |
Example
import { UpdateNameCard } from "@daveyplate/better-auth-ui"
export function AccountSettings() {
return (
<div className="space-y-4">
<UpdateNameCard />
</div>
)
}Features
- Update user's display name
- Built-in form validation
- Success/error feedback
- Loading states during update
- Integrated with Better Auth session management