<OrganizationProfile />

The OrganizationProfile component renders a complete organization management interface where admins can manage organization settings, members, billing, and more.

Usage

Basic Usage

src/OrgSettingsPage.jsx

import { OrganizationProfile } from '@asgardeo/react'

function OrgSettingsPage() {
  return (
    <div>
      <h1>Organization Settings</h1>
      <OrganizationProfile />
    </div>
  )
}

export default OrgSettingsPage

Specific Organization

Manage a specific organization by ID:

src/OrgSettingsPage.jsx

import { OrganizationProfile } from '@asgardeo/react'

function OrgSettingsPage({ orgId }) {
  return <OrganizationProfile organizationId={orgId} />
}

export default OrgSettingsPage

Props

Prop	Type	Required	Description
organizationId	string	❌	Organization ID to manage (defaults to current organization)
appearance	Appearance	❌	Customize component appearance