Skip to main content
import { createStytchB2BClient } from "@stytch/vanilla-js/b2b";
import { mountAdminPortalSSO } from "@stytch/vanilla-js/b2b/adminPortal";

const stytch = createStytchB2BClient("${publicToken}");

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

  mountAdminPortalSSO({
    client: stytch,
    // replace this with a selector for the element where you want to render the
    // component
    element: "#stytch-admin-portal-sso",
    styles,
  });
};
AdminPortalSSO 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 SSO connections for their Organization. AdminPortalSSO 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 SSO 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 SSO UI.