<CreateOrganization />
component
The <CreateOrganization />
component is used to render an organization creation UI that allows users to create brand new organizations within your application.
Properties
All props are optional.
- Name
appearance
- Type
Appearance | undefined
- Description
Optional object to style your components. Will only affect Clerk Components and not Account Portal pages.
- Name
afterCreateOrganizationUrl
- Type
string
- Description
Full URL or path to navigate to after creating a new organization.
- Name
routing
- Type
'hash' | 'path' | 'virtual'
- Description
The routing strategy for your pages.
- Name
path
- Type
string
- Description
The path where the component is mounted when path-based routing is used.
For example,/create-org
This prop is ignored in hash- and virtual-based routing.
Usage with frameworks
The following example includes a basic implementation of the <CreateOrganization />
component. You can use this as a starting point for your own implementation.
Usage with JavaScript
The following methods available on an instance of the Clerk
class are used to render and control the <CreateOrganization />
component:
The following examples assume that you have followed the quickstart in order to add Clerk to your JavaScript application.
mountCreateOrganization()
Render the <CreateOrganization />
component to an HTML <div>
element.
- Name
node
- Type
HTMLDivElement
- Description
The
<div>
element used to render in the<CreateOrganization />
component
- Name
props?
- Type
CreateOrganizationProps
- Description
The properties to pass to the
<CreateOrganization />
component
unmountCreateOrganization()
Unmount and run cleanup on an existing <CreateOrganization />
component instance.
- Name
node
- Type
HTMLDivElement
- Description
The container
<div>
element with a rendered<CreateOrganization />
component instance
openCreateOrganization()
Opens the <CreateOrganization />
component as an overlay at the root of your HTML body
element.
- Name
props?
- Type
CreateOrganizationProps
- Description
The properties to pass to the
<CreateOrganization />
component
closeCreateOrganization()
Closes the organization profile overlay.
Customization
To learn about how to customize Clerk components, see the customization documentation.
Feedback
Last updated on