<OrganizationProfile />

A full-featured organization management component for your Next.js application

Overview

The <OrganizationProfile/> component is used to render a beautiful, full-featured organization management UI that allows users to manage their organization profile and security settings.

Embedding an <OrganizationProfile /> component

1
import { OrganizationProfile } from '@clerk/nextjs'
2

3
export default function OrganizationProfilePage() {
4
  return (
5
      <OrganizationProfile />
6
  )
7
}

Props

Name	Type	Description
afterLeaveOrganizationUrl?	string	Full URL or path to navigate after creating a leaving organization
path?	string	The path where the component is mounted when path-based routing is used. -e.g. /org-profile. This prop is ignored in hash and virtual based routing.
routing?	RoutingStrategy	The routing strategy for your pages. Supported values are: - hash (default): Hash based routing. - path: Path based routing. - virtual: Virtual based routing.
appearance?	object

Custom Styling

The <OrganizationProfile/> component can be highly customized through the appearance prop and can be styled using CSS Modules, Tailwind, inline CSS objects, or global CSS.