Skip to Content
Clerk logo

Clerk Docs

Ctrl + K
Go to clerkstage.dev

<CreateOrganization />

Organization Switcher Example

The <CreateOrganization /> component is used to render an organization creation UI that allows users to create brand new organizations within your application.

Usage

/app/create-organization/[[...create-organization]]/page.[jsx/tsx]
import { CreateOrganization } from "@clerk/nextjs"; export default function CreateOrganizationPage() { return <CreateOrganization />; }
/pages/create-organization/[[...index]].[jsx/tsx]
import { CreateOrganization } from "@clerk/nextjs"; export default function CreateOrganizationPage() { return ( <CreateOrganization routing="path" path="/create-organization" /> ) }

Properties

All props below are optional.

NameTypeDescription
afterCreateOrganizationUrlstringFull URL or path to navigate after creating a new organization.
routing'hash' | 'path' | 'virtual'The routing strategy for your pages.
pathstringThe path where the component is mounted when path-based routing is used. -e.g. /create-org. This prop is ignored in hash and virtual based routing.
appearanceAppearance | undefinedOptional object to style your components. Will only affect Clerk Components and not Account Portal pages.

Customization

To learn about how to customize Clerk components, see the customization documentation.

What did you think of this content?

Clerk © 2023