> ## Documentation Index
> Fetch the complete documentation index at: https://stytch.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Admin Portal Member Management

> Member management functionality in the Admin Portal Prebuilt UI Components

`AdminPortalMemberManagement` 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 Members for their Organization.

`AdminPortalMemberManagement` must be wrapped inside a `StytchB2BProvider`. Take a look at our [installation guide](/docs/api-reference/b2b/frontend-sdks/react/installation.md) for more information on how to configure the `StytchB2BProvider` for your framework.

![Admin Portal Member Management UI](https://mintcdn.com/stytch-34ca0595/ZVUUFsqZuqcX7gxa/images/api-reference/b2b/frontend-sdks/admin-portal-member-management.png?fit=max\&auto=format\&n=ZVUUFsqZuqcX7gxa\&q=85\&s=518e57a5f94a311108cfeec8ff4c37c2)

## 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.

**properties**

**container** `object`

The configuration object for the Admin Portal container.

**properties**

**backgroundColor** `string`

The background color of the Admin Portal container.

**borderColor** `string`

The border color of the Admin Portal container.

**borderRadius** `string`

The border radius of the Admin Portal container.

**width** `string`

The width of the Admin Portal container.

**colors** `object`

The configuration object for colors used in the Admin Portal.

**properties**

**primary** `string`

Your primary brand color. This will be applied to most of the text in the Admin Portal.

**secondary** `string`

Your secondary brand color. This will be applied to text disclaimers and other visual elements.

**success** `string`

A success color to be used in visual elements.

**error** `string`

An error color to be used in visual elements.

**accentText** `string`

The text color for accent elements. This will be used for tags and select chips in the Admin Portal.

**accent** `string`

An accent color to be used in visual elements. This will be applied to the background of tags and select chips in the Admin Portal.

**subtle** `string`

The color used for miscellaneous elements that don't require visual elements, like dividers and table, popover menu, and accordion borders.

**buttons** `object`

The configuration object for buttons in the Admin Portal.

**properties**

**primary** `object`

The configuration object for primary buttons.

**properties**

**backgroundColor** `string`

The background color of the primary button.

**textColor** `string`

The text color of the primary button.

**borderColor** `string`

The border color of the primary button.

**borderRadius** `string`

The border radius of the primary button.

**secondary** `object`

The configuration object for secondary buttons.

**properties**

**backgroundColor** `string`

The background color of the secondary button.

**textColor** `string`

The text color of the secondary button.

**borderColor** `string`

The border color of the secondary button.

**borderRadius** `string`

The border radius of the secondary button.

**disabled** `object`

The configuration object for disabled buttons.

**properties**

**backgroundColor** `string`

The background color of the disabled button.

**textColor** `string`

The text color of the disabled button.

**borderColor** `string`

The border color of the disabled button.

**borderRadius** `string`

The border radius of the disabled button.

**inputs** `object`

The configuration object for text inputs in the Admin Portal.

**properties**

**backgroundColor** `string`

The background color of the text inputs.

**textColor** `string`

The text color of the text inputs.

**placeholderColor** `string`

The color of the placeholder text in the text inputs.

**borderColor** `string`

The border color of the text inputs.

**borderRadius** `string`

The border radius of the text inputs.

**fontFamily** `string`

The font family that will apply to text in the Admin Portal.

**borderRadius** `string`

The default border radius for elements in the Admin Portal.

**config** `object`

The configuration object for the Admin Portal Member Management UI.

**properties**

**getRoleDisplayName** `(role: Role) =\> string`

A function that returns the display name for a role. By default, the `role.role_id` is used as the display name.

**getRoleDescription** `(role: Role) =\> string`

A function that returns the description for a role. By default, the `role.description` is used as is.

**getRoleSortOrder** `(roles: Role[]) =\> string[]`

A function that determines the sort order of the roles. Returns a list of role IDs in the desired order.

**inviteTemplateId** `string`

Use a custom template for invite emails. By default, it will use your default email template. Templates can be added in the [Stytch dashboard](https://stytch.com/dashboard/templates) using our built-in customization options or custom HTML templates with type “Magic Links - Invit”.

**inviteRedirectURL** `string`

The URL that invited members click from the Email Magic Link.  If this value is not passed, the default `invite_redirect_url` that you set in Dashboard is used.

**inviteExpirationMinutes** `number`

The expiration of the Magic Link sent in the invite email, in minutes. Defaults to 7 days. The minimum expiration is 5 minutes and the maximum is 10080 mins (7 days).

```jsx theme={null}
import { AdminPortalMemberManagement } from "@stytch/nextjs/b2b/adminPortal";

const styles = { fontFamily: "Arial" };

const MemberManagementPage = () => {
  return <AdminPortalMemberManagement styles={styles} />;
};

export default MemberManagementPage;
```