Skip to main content
Admin Portal is a set of drop-in components that allow you to add full-featured Org Management UI to your application. Admin Portal provides:
  • AdminPortalMemberManagement - allows of the to invite new Members and manage existing Members
  • AdminPortalOrgSettings - allows Members of the Organization to manage their own Organization settings, including authentication methods and JIT provisioning settings.
  • AdminPortalSSO - allows Members of the Organization to manage their own SSO connections
  • AdminPortalSCIM - allows Members of the Organization to manage their own SCIM connections
Want to see the Admin Portal in action? Log into your Stytch Dashboard and check out the Team, Access Settings, SSO, and SCIM pages. These are all built with Admin Portal!
Admin Portal Member Management UI

​
Add Admin Portal to your application

1

Before you start

Complete all the steps in the installation guide
2

Add HTML elements for each Admin Portal component

Add container elements to your HTML where you want each Admin Portal component to render:
<div id="admin-portal-member-management"></div>
<div id="admin-portal-org-settings"></div>
<div id="admin-portal-sso"></div>
<div id="admin-portal-scim"></div>
3

Mount the Admin Portal components

import { StytchB2BClient } from "@stytch/vanilla-js/b2b";
import { mountAdminPortalMemberManagement } from "@stytch/vanilla-js/b2b/adminPortal";

const stytch = new StytchB2BClient("${publicToken}");

// Optional: customize the styles of the Admin Portal components
const styles = { fontFamily: "Arial" };

// Optional: set custom configurations
const config = {
  getRoleDisplayName: (role) => {
    return role.charAt(0).toUpperCase() + role.slice(1);
  },
}

mountAdminPortalMemberManagement({
  client: stytch,
  element: "#admin-portal-member-management",
  styles,
  config,
});
4

Test the Admin Portal components

That’s it! The Admin Portal components will render in the container elements you specified.

​
RBAC considerations

Admin Portal respects all RBAC policies configured in your Stytch Dashboard. Use the resources prefixed with stytch. to control who can access and update settings in the Admin Portal. For example, in the AdminPortalMemberManagement component, only Members with permission to search on stytch.member will be able to view and search for Members. Read the RBAC guide for more information about configuring RBAC policies.