Add organizationProfileProps to OrganizationSwitcher props

clerk · Sep 29, 2023 · 1f2d7ce · 1f2d7ce
1 parent f61918c
commit 1f2d7ce
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/docs/components/organization/organization-switcher.mdx b/docs/components/organization/organization-switcher.mdx
@@ -163,13 +163,23 @@ All props below are optional.
         </>,
       ],
     },
-
     {
       cells: [
         <code>defaultOpen</code>,
         <code>boolean</code>,
         <>Controls the default state of the <code>{"<OrganizationSwitcher />"}</code></>,
       ],
     },
+    {
+      cells: [
+        <code>organizationProfileProps</code>,
+        <code>object</code>,
+        <>
+          Specify options for the underlying <code>{"<OrganizationProfile />"}</code> component.
+          <br/>
+          e.g. <code>{"{appearance: {...}}"}</code>
+        </>,
+        ],
+      },
   ]}
 />
diff --git a/docs/references/javascript/clerk/organization-switcher.mdx b/docs/references/javascript/clerk/organization-switcher.mdx
@@ -151,4 +151,5 @@ All props below are optional.
 | `afterLeaveOrganizationUrl` | `string` | Full URL or path to navigate to after the user leaves the currently active organization. |
 | `afterSwitchOrganizationUrl` | `string` | Full URL or path to navigate after a successful organization switch. |
 | `hidePersonal` | `boolean` | By default, users can switch between organization and their personal account. This option controls whether `<OrganizationSwitcher />` will include the user's personal account in the organization list. Setting this to `false` will hide the personal account entry, and users will only be able to switch between organizations. <br />Defaults to: `true` |
-| `defaultOpen` | `boolean` | Controls the default state of the `<OrganizationSwitcher />` component. |
+| `defaultOpen` | `boolean` | Controls the default state of the `<OrganizationSwitcher />` component. |
+| `organizationProfileProps` | `object` | Specify options for the underlying `<OrganizationProfile />` component.<br />e.g. `{appearance: {...}}` |