User Profile Widget

A widget for displaying and managing a user’s profile in your application.

The <UserProfile /> widget allows users to view and manage their personal information. With this widget, users can:

View their profile picture and connected OAuth accounts
Edit their display name
Change their email address, with a verification code sent to the new address

No special permissions are required to use this widget.

JavaScript

 import { UserProfile, WorkOsWidgets } from '@workos-inc/widgets';

/**
 * @param {string} authToken - A widget token that was fetched in your backend. See the
 * "Tokens" section of this guide for details on how to generate the token
 */
export function ProfilePage({ authToken }) {
  return (
    <WorkOsWidgets>
      <UserProfile authToken={authToken} />
    </WorkOsWidgets>
  );
}

API Reference

Prop	Type	Default	Required
`authToken`	`AuthToken`	No default value	Required