Self-service (admin portal) quickstart

Step 1: Import the self-service portal

import { AdminPortal } from '@frontegg/react';

Step 2: Add a link to open the self-service portal

Embedded self-service portal

Bind an app link to open the self-service portal:

const handleClick = () => {
  AdminPortal.show();
};
<button onClick={handleClick}>Settings</button>

Hosted self-service portal

When using more than one application, it is recommended using the Hosted self-service portal which supports displaying all the relevant sections in an application context. For example, in the Profile section, the user will be able to see all the applications that their account is assigned to.

const handleClick = () => {
  AdminPortal.openHosted();
};
<button onClick={handleClick}>Settings</button>

You are good to go! The self-service portal should now be shown and you are on the part for a full self-served experience on your product.