Ctrl K
Browse documentation

docs / components/user-profile

UserProfile

Let users manage their identity, security, providers, and active sessions.

Basic usage

account-page.tsx
import { UserProfile } from "@vulyo/nextjs";export default function AccountPage() {  return (    <UserProfile      initialPage="profile"      afterDeleteUrl="/goodbye"    />  );}

Account management

  • Update the display name and profile image.
  • Change the password after step-up verification.
  • Connect or disconnect Google and GitHub.
  • Review and revoke active sessions.
  • Delete the account when enabled by application policy.

Properties

PropertyDescription
initialPageOpen the profile or security view first.
afterDeleteUrlDestination after account deletion starts.
appearanceOverrides the provider-level appearance.