Skip to main content
import { StytchB2BClient } from "@stytch/vanilla-js/b2b";
import {
  AdminPortalB2BProducts,
  mountAdminPortalOrgSettings,
} from "@stytch/vanilla-js/b2b/adminPortal";

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

export const mountOrgSettings = () => {
  const styles = { fontFamily: "Arial" };

  const config = {
    allowedAuthMethods: [
      AdminPortalB2BProducts.emailMagicLinks,
      AdminPortalB2BProducts.password,
    ],
  };

  mountAdminPortalOrgSettings({
    client: stytch,
    // replace this with a selector for the element where you want to render the
    // component
    element: "#stytch-admin-portal-org-settings",
    styles,
    config,
  });
};
The AdminPortalOrgSettings is a drop-in component for the Organization settings page in your application. It allows Organization Members with the required RBAC roles (ie. admin) to manage settings for their Organization. AdminPortalOrgSettings must be wrapped inside a StytchB2BProvider. Take a look at our installation guide for more information on how to configure the StytchB2BProvider for your framework. Admin Portal Organization Settings UI

​
Props

​
styles
object
The style configuration allows you to customize the look of the Admin Portal. You can specify some of them or none at all. We’ll use our defaults for the ones you don’t specify.
​
config
object
The configuration object for the Admin Portal Member Management UI.