diff --git a/docs/account-portal/custom-redirects.mdx b/docs/account-portal/custom-redirects.mdx index 881e5a01e1..a554ffac49 100644 --- a/docs/account-portal/custom-redirects.mdx +++ b/docs/account-portal/custom-redirects.mdx @@ -1,10 +1,8 @@ --- -title: Customizing your Account Portal redirect +title: Customizing your Account Portal redirects description: Customize where your users are redirected to after they sign in or sign up. --- -# Customizing your Account Portal redirects - After a user signs in or signs up, Clerk automatically redirects users back to your application by appending a `redirect_url` query param on the Account Portal page. However, Clerk provides various options for you to customize where your users are redirected to. ## Environment variables diff --git a/docs/account-portal/direct-links.mdx b/docs/account-portal/direct-links.mdx index 0e23e72684..25551dbb4f 100644 --- a/docs/account-portal/direct-links.mdx +++ b/docs/account-portal/direct-links.mdx @@ -3,8 +3,6 @@ title: Direct links description: Learn how to share direct links to your Account Portal pages, and how to set up fallback redirects. --- -# Direct links - ## Redirect URL If a user accesses an Account Portal page *directly*, the `redirect_url` query param will not be present, so the user cannot be redirected back to your application once they are finished with their Account Portal flow. To prevent this, it is recommend that you always specify the redirect in the link when sharing it. diff --git a/docs/account-portal/disable-account-portal.mdx b/docs/account-portal/disable-account-portal.mdx index a585fdf8cf..ebe8686b93 100644 --- a/docs/account-portal/disable-account-portal.mdx +++ b/docs/account-portal/disable-account-portal.mdx @@ -3,8 +3,6 @@ title: Disabling the Account Portal description: Learn how to disable the Account Portal. --- -# Disabling the Account Portal - If you would like to disable the Account Portal, in the Clerk Dashboard, go to the **[Account Portal](https://dashboard.clerk.com/last-active?path=account-portal)** page and then open the **Danger** tab. Please ensure that you set up an authentication flow for your users via the instructions below first, as applying this setting will immediately result in a 404 for all Account Portal pages. diff --git a/docs/account-portal/getting-started.mdx b/docs/account-portal/getting-started.mdx index 648ec4b220..37b4515542 100644 --- a/docs/account-portal/getting-started.mdx +++ b/docs/account-portal/getting-started.mdx @@ -3,8 +3,6 @@ title: Getting started with the Account Portal description: The Account Portal offers a comprehensive solution for managing user authentication and profile management in your web application and is the fastest way to add Clerk's authentication to your application with minimal code required. --- -# Getting started with the Account Portal - To integrate the Account Portal into your application, simply follow one of our [quickstart guides](/docs/quickstarts/overview). Once your application is set up, all you have to do is fire it up. Clerk will automatically redirect your users to the Account Portal sign-in/sign-up pages. Once a user has successfully authenticated themself, they will be automatically redirected back to your application with an active session. diff --git a/docs/account-portal/overview.mdx b/docs/account-portal/overview.mdx index 8cfcc1f5eb..106f57ef39 100644 --- a/docs/account-portal/overview.mdx +++ b/docs/account-portal/overview.mdx @@ -1,10 +1,8 @@ --- -title: Account Portal Overview +title: Account portal overview description: The Account Portal offers a comprehensive solution for managing user authentication and profile management in your web application and is the fastest way to add Clerk's authentication to your application with minimal code required. --- -# Account portal overview - The Account Portal in Clerk is a powerful feature that allows you to streamline the sign-in, sign-up, and profile management experience for your users, without having to build your own components or host your own pages. This page is now deprecated. Please see the new [guide](/docs/authentication/social-connections/linkedin-oidc) on how to set up a social connection with LinkedIn. diff --git a/docs/authentication/social-connections/microsoft.mdx b/docs/authentication/social-connections/microsoft.mdx index e02d03f1a5..35f3c7140a 100644 --- a/docs/authentication/social-connections/microsoft.mdx +++ b/docs/authentication/social-connections/microsoft.mdx @@ -3,8 +3,6 @@ title: Microsoft description: Learn how to set up social connection with Microsoft. --- -# Microsoft - How to set up social connection with Microsoft Azure Active Directory ## Overview diff --git a/docs/authentication/social-connections/notion.mdx b/docs/authentication/social-connections/notion.mdx index 70d4090361..1a4390fcfd 100644 --- a/docs/authentication/social-connections/notion.mdx +++ b/docs/authentication/social-connections/notion.mdx @@ -3,8 +3,6 @@ title: Notion description: Learn how to set up social connection with Notion. --- -# Notion - How to set up social connection with Notion ## Overview diff --git a/docs/authentication/social-connections/oauth.mdx b/docs/authentication/social-connections/oauth.mdx index 85644a2105..c47e508fdd 100644 --- a/docs/authentication/social-connections/oauth.mdx +++ b/docs/authentication/social-connections/oauth.mdx @@ -3,8 +3,6 @@ title: Social connections (OAuth) description: Learn how to effortlessly add social connections to your application using popular OAuth providers like Google, Facebook, Github and more. --- -# Social connections (OAuth) - Clerk makes it easy to add social connection capabilities to your application. With social connections, users gain frictionless access to your application by using their existing credentials from an OAuth provider (Google, Facebook, X/Twitter, etc.) without having to go through complicated registration flows. Social connections are designed to simplify the sign-up and sign-in process for the end-user, resulting in higher conversion rates, a streamlined user data collection flow, and an overall better user experience. diff --git a/docs/authentication/social-connections/overview.mdx b/docs/authentication/social-connections/overview.mdx index 3604d45309..dce4d19610 100644 --- a/docs/authentication/social-connections/overview.mdx +++ b/docs/authentication/social-connections/overview.mdx @@ -3,188 +3,139 @@ title: Social connections (authentication providers) description: Browse the wide range of application providers that Clerk provides to ease your user's sign-up and sign-in processes. --- -# Social connections (authentication providers) - Clerk provides a wide range of application providers to ease your user's sign-up and sign-in processes. -
-
- - - - - - - - - - - - - - - - - - - - - - -
-
+ + +- [Facebook](/docs/authentication/social-connections/facebook) +- Add Facebook as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/facebook.svg) + +--- + +- [Twitter](/docs/authentication/social-connections/twitter) +- Add Twitter as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/twitter.svg) + +--- + +- [TikTok](/docs/authentication/social-connections/tiktok) +- Add TikTok as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/tiktok.svg) + +--- + +- [Discord](/docs/authentication/social-connections/discord) +- Add Discord as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/discord.svg) + +--- + +- [Twitch](/docs/authentication/social-connections/twitch) +- Add Twitch as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/twitch.svg) + +--- + +- [GitHub](/docs/authentication/social-connections/github) +- Add GitHub as an authentication provider for your Clerk app. +- {} + +--- + +- [GitLab](/docs/authentication/social-connections/gitlab) +- Add GitLab as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/gitlab.svg) + +--- + +- [LinkedIn](/docs/authentication/social-connections/linkedin-oidc) +- Add LinkedIn as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/linkedin.svg) + +--- + +- [HubSpot](/docs/authentication/social-connections/hubspot) +- Add HubSpot as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/hubspot.svg) + +--- + +- [Atlassian](/docs/authentication/social-connections/atlassian) +- Add Atlassian as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/atlassian.svg) + +--- + +- [Bitbucket](/docs/authentication/social-connections/bitbucket) +- Add Bitbucket as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/bitbucket.svg) + +--- + +- [Dropbox](/docs/authentication/social-connections/dropbox) +- Add Dropbox as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/dropbox.svg) + +--- + +- [Microsoft](/docs/authentication/social-connections/microsoft) +- Add Microsoft as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/microsoft.svg) + +--- + +- [Notion](/docs/authentication/social-connections/notion) +- Add Notion as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/notion.svg) + +--- + +- [Apple](/docs/authentication/social-connections/apple) +- Add Apple as an authentication provider for your Clerk app. +- {} + +--- + +- [LINE](/docs/authentication/social-connections/line) +- Add LINE as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/line.svg) + +--- + +- [Coinbase](/docs/authentication/social-connections/coinbase) +- Add Coinbase as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/coinbase.svg) + +--- + +- [Spotify](/docs/authentication/social-connections/spotify) +- Add Spotify as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/spotify.svg) + +--- + +- [Box](/docs/authentication/social-connections/box) +- Add Box as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/box.svg) + +--- + +/> +- [Xero](/docs/authentication/social-connections/xero) +- Add Xero as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/xero.svg) + +--- + +- [Slack](/docs/authentication/social-connections/slack) +- Add Slack as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/slack.svg) + +--- + +- [Linear](/docs/authentication/social-connections/linear) +- Add Linear as an authentication provider for your Clerk app. +- ![](/docs/images/logos/auth_providers/linear.svg) + + \ No newline at end of file diff --git a/docs/authentication/social-connections/slack.mdx b/docs/authentication/social-connections/slack.mdx index ff3011c6bd..03ac6c9f47 100644 --- a/docs/authentication/social-connections/slack.mdx +++ b/docs/authentication/social-connections/slack.mdx @@ -3,8 +3,6 @@ title: Slack description: Learn how to set up social connection with Slack. --- -# Slack - How to set up social connection with Slack ## Overview diff --git a/docs/authentication/social-connections/spotify.mdx b/docs/authentication/social-connections/spotify.mdx index 68fe7d36a4..e3b805af40 100644 --- a/docs/authentication/social-connections/spotify.mdx +++ b/docs/authentication/social-connections/spotify.mdx @@ -3,8 +3,6 @@ title: Spotify description: Learn how to set up a social connection with Spotify in your Clerk application. --- -# Spotify - Learn how to set up a social connection with Spotify in your Clerk application. Clerk does not currently support preconfigured shared OAuth credentials for Spotify on development instances. You will have to provide custom credentials for both development *and* production instances, which includes generating your own Client ID and Client Secret using your Spotify Developer account. Don't worry, this guide will walk you through that process in just a few simple steps. diff --git a/docs/authentication/social-connections/tiktok.mdx b/docs/authentication/social-connections/tiktok.mdx index 16ae6c1c76..59d0340a55 100644 --- a/docs/authentication/social-connections/tiktok.mdx +++ b/docs/authentication/social-connections/tiktok.mdx @@ -3,8 +3,6 @@ title: TikTok description: Learn how to set up social connection with TikTok. --- -# TikTok - How to set up social connection with TikTok ## Overview diff --git a/docs/authentication/social-connections/twitch.mdx b/docs/authentication/social-connections/twitch.mdx index f716a9fbc2..d1da874ed4 100644 --- a/docs/authentication/social-connections/twitch.mdx +++ b/docs/authentication/social-connections/twitch.mdx @@ -3,8 +3,6 @@ title: Twitch description: Learn how to set up social connection with Twitch. --- -# Twitch - How to set up social connection with Twitch ## Overview diff --git a/docs/authentication/social-connections/twitter.mdx b/docs/authentication/social-connections/twitter.mdx index e6ad248bda..fa662db34b 100644 --- a/docs/authentication/social-connections/twitter.mdx +++ b/docs/authentication/social-connections/twitter.mdx @@ -3,8 +3,6 @@ title: Twitter v1 (Deprecated) description: Learn how to set up social connection with Twitter v1. --- -# Twitter v1 (Deprecated) - [X/Twitter](https://twitter.com/XDevelopers/status/1641222782594990080) considers this method deprecated. We strongly recommend using the [latest version (v2)](/docs/authentication/social-connections/x-twitter) for future-proofing your application. diff --git a/docs/authentication/social-connections/x-twitter.mdx b/docs/authentication/social-connections/x-twitter.mdx index 5ebf108055..f42f894c37 100644 --- a/docs/authentication/social-connections/x-twitter.mdx +++ b/docs/authentication/social-connections/x-twitter.mdx @@ -1,10 +1,8 @@ --- -title: Set up a social connection with X/Twitter v2 +title: X (Twitter V2) description: Learn how to set up a social connection with X/Twitter v2 in your Clerk application. --- -# X (Twitter V2) - component +title: '`` component' description: Clerk's component renders a UI for signing in users. --- -# `` component - component +title: '`` component' description: Clerk's component renders a UI for signing up users. --- -# `` component - +title: '``' description: The component wraps your React application to provide active session and user context to Clerk's hooks and other components. --- -# `` - The `` component wraps your React application to provide active session and user context to Clerk's hooks and other components. ## Usage diff --git a/docs/components/control/authenticate-with-callback.mdx b/docs/components/control/authenticate-with-callback.mdx index 71da66259f..70318a4cc3 100644 --- a/docs/components/control/authenticate-with-callback.mdx +++ b/docs/components/control/authenticate-with-callback.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The `` is used to complete a custom OAuth flow. Simply render the component under the route you passed as `redirectUrl` to the `authenticateWithRedirect` methods. --- -# `` - The `` is used to complete a custom OAuth flow. Simply render the component under the route you passed as `redirectUrl` to the `authenticateWithRedirect` methods. ## Usage diff --git a/docs/components/control/clerk-loaded.mdx b/docs/components/control/clerk-loaded.mdx index aed0006643..a7545b60c6 100644 --- a/docs/components/control/clerk-loaded.mdx +++ b/docs/components/control/clerk-loaded.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The `` component guarantees that the Clerk object has loaded and will be available under `window.Clerk`. This allows you to wrap child components to access the Clerk object without the need to check it exists. --- -# `` - The `` component guarantees that the Clerk object has loaded and will be available under `window.Clerk`. This allows you to wrap child components to access the `Clerk` object without the need to check it exists. ## Usage diff --git a/docs/components/control/clerk-loading.mdx b/docs/components/control/clerk-loading.mdx index a7c5b7ecf9..8740117f47 100644 --- a/docs/components/control/clerk-loading.mdx +++ b/docs/components/control/clerk-loading.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The `` renders its children while Clerk is loading, and is helpful for showing a custom loading state. --- -# `` - The `` renders its children while Clerk is loading, and is helpful for showing a custom loading state. ## Usage diff --git a/docs/components/control/multi-session.mdx b/docs/components/control/multi-session.mdx index 8182865a1a..2192007715 100644 --- a/docs/components/control/multi-session.mdx +++ b/docs/components/control/multi-session.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The `` provides a wrapper for your React application that guarantees a full rerendering cycle everytime the current session and user changes. --- -# `` - The `` provides a wrapper for your React application that guarantees a full rerendering cycle everytime the current session and user changes. ## Usage diff --git a/docs/components/control/redirect-to-createorganization.mdx b/docs/components/control/redirect-to-createorganization.mdx index 31bbbb8dd0..32e600a836 100644 --- a/docs/components/control/redirect-to-createorganization.mdx +++ b/docs/components/control/redirect-to-createorganization.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The component will navigate to the user profile URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. --- -# `` - The `` component will navigate to the create organization flow which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. ## Usage diff --git a/docs/components/control/redirect-to-organizationprofile.mdx b/docs/components/control/redirect-to-organizationprofile.mdx index cfbb841901..ef62b6e62b 100644 --- a/docs/components/control/redirect-to-organizationprofile.mdx +++ b/docs/components/control/redirect-to-organizationprofile.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The component will navigate to the organization profile URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. --- -# `` - The `` component will navigate to the organization profile URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. ## Usage diff --git a/docs/components/control/redirect-to-signin.mdx b/docs/components/control/redirect-to-signin.mdx index 52c8400c53..f3c113c98c 100644 --- a/docs/components/control/redirect-to-signin.mdx +++ b/docs/components/control/redirect-to-signin.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The component will navigate to the sign in URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. --- -# `` - The `` component will navigate to the sign in URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. ## Usage diff --git a/docs/components/control/redirect-to-signup.mdx b/docs/components/control/redirect-to-signup.mdx index a9d55ff37d..102dfec9b2 100644 --- a/docs/components/control/redirect-to-signup.mdx +++ b/docs/components/control/redirect-to-signup.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The component will navigate to the sign up URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. --- -# `` - The `` component will navigate to the sign up URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. ## Usage diff --git a/docs/components/control/redirect-to-userprofile.mdx b/docs/components/control/redirect-to-userprofile.mdx index f758deb5aa..eeda8ae1a6 100644 --- a/docs/components/control/redirect-to-userprofile.mdx +++ b/docs/components/control/redirect-to-userprofile.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The component will navigate to the user profile URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. --- -# `` - The `` component will navigate to the user profile URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack. ## Usage diff --git a/docs/components/control/signed-in.mdx b/docs/components/control/signed-in.mdx index 92cfd86c70..3bdbee23fc 100644 --- a/docs/components/control/signed-in.mdx +++ b/docs/components/control/signed-in.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: Conditionally render content only when a user is signed in. --- -# `` - ## Overview The `` component offers authentication checks as a cross-cutting concern. Any children components wrapped by a `` component will be rendered only if there's a User with an active Session signed in your application. diff --git a/docs/components/control/signed-out.mdx b/docs/components/control/signed-out.mdx index e23724d7d6..ba161cdcbc 100644 --- a/docs/components/control/signed-out.mdx +++ b/docs/components/control/signed-out.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: Conditionally render content only when a user is signed out. --- -# `` - The `` component offers authentication checks as a cross-cutting concern. Any child nodes wrapped by a `` component will be rendered only if there's no User signed in to your application. ## Usage diff --git a/docs/components/customization/layout.mdx b/docs/components/customization/layout.mdx index ed133d66c4..398bace13b 100644 --- a/docs/components/customization/layout.mdx +++ b/docs/components/customization/layout.mdx @@ -3,8 +3,6 @@ title: Layout description: Utilize Clerk's layout key in order to change the layout of the and components, as well as important links to your support, terms and privacy pages. --- -# Layout - The layout key can be used to change the layout of the [``](/docs/components/authentication/sign-in) and [``](/docs/components/authentication/sign-up) components, as well as important links to your support, terms, and privacy pages. ## Usage diff --git a/docs/components/customization/localization.mdx b/docs/components/customization/localization.mdx index 2fd45e1fd3..a69c11e3d2 100644 --- a/docs/components/customization/localization.mdx +++ b/docs/components/customization/localization.mdx @@ -3,8 +3,6 @@ title: Localization prop (experimental) description: Use the Clerk localizations package to override and provide predefined or custom localizations for your Clerk Components, enabling you to offer localized content or tailor the wording to match your brand. --- -# Localization prop (experimental) - This feature is currently experimental and may not behave as expected. If you encounter any issues, please reach out to [support](https://clerk.com/support) with as much detail as possible. diff --git a/docs/components/customization/organization-profile.mdx b/docs/components/customization/organization-profile.mdx index fa95971c45..9a1472b417 100644 --- a/docs/components/customization/organization-profile.mdx +++ b/docs/components/customization/organization-profile.mdx @@ -1,10 +1,8 @@ --- -title: Add custom pages and links to the component +title: '`` customization' description: Learn how to add custom pages and include external links within the navigation sidebar of the component. --- -# `` customization - The [``](/docs/components/organization/organization-profile) component supports the addition of custom pages and use of external links in the navigation sidebar. There are two ways to render the `` component: diff --git a/docs/components/customization/overview.mdx b/docs/components/customization/overview.mdx index 29041742cb..0aefa8a859 100644 --- a/docs/components/customization/overview.mdx +++ b/docs/components/customization/overview.mdx @@ -3,8 +3,6 @@ title: Appearance prop description: Utilize Clerk's appearance property in order to share styles across every component or individually to any of the Clerk components. --- -# Appearance prop - The appearance prop can be applied to [React's ``](/docs/components/clerk-provider) to share styles across every component, or individually to any of the Clerk components. This applies to all of the React-based packages, like [Next.js](/docs/quickstarts/nextjs) and [Gatsby](/docs/quickstarts/gatsby), as well as [the pure JavaScript ClerkJS package](/docs/references/javascript/overview). diff --git a/docs/components/customization/themes.mdx b/docs/components/customization/themes.mdx index 15c1248b46..9bd8801721 100644 --- a/docs/components/customization/themes.mdx +++ b/docs/components/customization/themes.mdx @@ -3,8 +3,6 @@ title: Themes description: Clerk currently offers four pre-built themes for you to customize the overall appearance of your Clerk app. --- -# Themes - Clerk currently offers four pre-built themes that can be exported from `@clerk/themes`: - [The default theme](#default-theme) diff --git a/docs/components/customization/user-profile.mdx b/docs/components/customization/user-profile.mdx index fea51cf8e2..7a4cb125a7 100644 --- a/docs/components/customization/user-profile.mdx +++ b/docs/components/customization/user-profile.mdx @@ -1,10 +1,8 @@ --- -title: Add custom pages and links to the component +title: Add custom pages and links to the `` component description: Learn how to add custom pages and include external links within the navigation sidebar of the component. --- -# Add custom pages and links to the `` component - The [``](/docs/components/user/user-profile) component supports the addition of custom pages and use of external links in the navigation sidebar. There are two ways to render the `` component: diff --git a/docs/components/customization/variables.mdx b/docs/components/customization/variables.mdx index 304cdf01ca..fb5f8d8c37 100644 --- a/docs/components/customization/variables.mdx +++ b/docs/components/customization/variables.mdx @@ -3,8 +3,6 @@ title: Variables description: Utilize Clerk's variables property in order to adjust the general styles of the component's base theme, like colors, backgrounds, typography. --- -# Variables - The `variables` property is used to adjust the general styles of the component's base theme, like colors, backgrounds, typography. ## Usage diff --git a/docs/components/organization/create-organization.mdx b/docs/components/organization/create-organization.mdx index b97be5bdbe..9c930662f8 100644 --- a/docs/components/organization/create-organization.mdx +++ b/docs/components/organization/create-organization.mdx @@ -1,10 +1,8 @@ --- -title: component +title: '`` component' description: Clerk's component is used to render an organization creation UI that allows users to create brand new organizations within your application. --- -# `` component - component +title: '`` component' description: Clerk's component is used to display organization related memberships, invitations, and suggestions for the user. --- -# `` component - component +title: '`` component' description: The `` component is used to render a beautiful, full-featured organization management UI that allows users to manage their organization profile and security settings. --- -# `` component - component +title: '`` component' description: Clerk's component is used to enable the ability to switch between available organizations the user may be part of in your application. --- -# `` component - ` and `` states for assertions on the [Clerk object](/docs/references/javascript/clerk/clerk). Control components allow you to build custom user flows with Clerk. + +## Authentication Components + +### UI Components + +- [``](/docs/components/authentication/sign-in) +- [``](/docs/components/authentication/sign-up) +- [``](/docs/components/unstyled/sign-in-button) +- [``](/docs/components/unstyled/sign-up-button) +- [``](/docs/components/unstyled/sign-out-button) + +### Control Components + +- [``](/docs/components/control/redirect-to-signin) +- [``](/docs/components/control/redirect-to-signup) +- [``](/docs/components/control/signed-in) +- [``](/docs/components/control/signed-out) + +## User Components + +### UI Components + +- [``](/docs/components/user/user-button) +- [``](/docs/components/user/user-profile) + +### Control Components + +- [``](/docs/components/control/redirect-to-userprofile) + +## Organization Components + +### UI Components + +- [``](/docs/components/organization/create-organization) +- [``](/docs/components/organization/organization-profile) +- [``](/docs/components/organization/organization-switcher) +- [``](/docs/components/organization/organization-list) + +### Control Components + +- [``](/docs/components/control/redirect-to-organizationprofile) +- [``](/docs/components/control/redirect-to-createorganization) + +## Utility Components + +- [``](/docs/components/control/clerk-loaded) +- [``](/docs/components/control/clerk-loading) + +## Advanced Components + +- [``](/docs/components/control/authenticate-with-callback) +- [``](/docs/components/control/multi-session) +- [``](/docs/components/unstyled/sign-in-with-metamask) + +## Customization Guides + +- [Theme components with the appearance prop](/docs/components/customization/overview) +- [Localize components with the `localization` prop (experimental)](/docs/components/control/clerk-loaded) +- [Add pages to the `` component](/docs/components/customization/user-profile) +- [Add pages to the `` component](/docs/components/customization/organization-profile) + + + +- [Join our Discord](/discord 'Join Discord') +- Join our official Discord server to chat with us directly and become a part of the Clerk community. +- {} + +--- + +- [Need help?](/support 'Get help') +- Contact us through Discord, Twitter, or email to receive answers to your questions and learn more about Clerk. +- {} + + \ No newline at end of file diff --git a/docs/components/protect.mdx b/docs/components/protect.mdx index 32efd00e19..ae31dccf27 100644 --- a/docs/components/protect.mdx +++ b/docs/components/protect.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The Protect component is used for authorization. It only renders its children when the current user has the specified permission or role in the organization. --- -# `` - The `` component is used for authorization. It only renders its children when the current user has the specified [permission or role](/docs/organizations/roles-permissions) in the organization. ## Usage diff --git a/docs/components/unstyled/sign-in-button.mdx b/docs/components/unstyled/sign-in-button.mdx index 112c50828e..268ac55959 100644 --- a/docs/components/unstyled/sign-in-button.mdx +++ b/docs/components/unstyled/sign-in-button.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The component is a button that links to the sign-in page or displays the sign-in modal. --- -# `` - The `` component is a button that links to the sign-in page or displays the sign-in modal. ## `` properties diff --git a/docs/components/unstyled/sign-in-with-metamask.mdx b/docs/components/unstyled/sign-in-with-metamask.mdx index 04ad52f02e..34cbd135ed 100644 --- a/docs/components/unstyled/sign-in-with-metamask.mdx +++ b/docs/components/unstyled/sign-in-with-metamask.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The `` component is used to complete a one-click, cryptographically-secure sign-in flow using MetaMask. --- -# `` - The `` component is used to complete a one-click, cryptographically-secure sign-in flow using MetaMask. ## How to use the `` component diff --git a/docs/components/unstyled/sign-out-button.mdx b/docs/components/unstyled/sign-out-button.mdx index 18da1126cf..15c9f55eb6 100644 --- a/docs/components/unstyled/sign-out-button.mdx +++ b/docs/components/unstyled/sign-out-button.mdx @@ -1,10 +1,8 @@ --- -title: +title: '``' description: The `` component is a button that signs a user out. --- -# `` - The `` component is a button that signs a user out. By default, it is a `