<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

You can embed the <OrganizationProfile /> component using the Next.js optional catch all route. This allows you to redirect the user inside your application.

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	To change the look and feel of the `<OrganizationProfile/>` to find out more about customization of Clerk check out our appearance property guide.

Custom Styling

The <OrganizationProfile/> component can be highly customized through the appearance prop