Clerk logo

Clerk Docs

Ctrl + K
Go to clerkstage.dev

<CreateOrganization />

Create new organizations within your application

Overview

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

Creation example

Embedding an <CreateOrganization/> component

1
import { CreateOrganization } from '@clerk/clerk-react'
2
3
const CreateOrganizationPage = () => {
4
return (
5
<CreateOrganization />
6
)
7
}
8
9
export default CreateOrganizationPage

Props

NameTypeDescription
afterCreateOrganizationUrl?string

Full URL or path to navigate after creating a new organization.

path?string

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

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 <CreateOrganization/> component can be highly customized through the appearance prop and can be styled using CSS Modules, Tailwind, inline CSS objects, or global CSS.

Was this helpful?

Clerk © 2023