Skip to content

Conversation

@SarahSoutoul
Copy link
Contributor

@SarahSoutoul SarahSoutoul commented Oct 27, 2025

@SarahSoutoul SarahSoutoul self-assigned this Oct 27, 2025
@vercel
Copy link

vercel bot commented Oct 27, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Updated (UTC)
clerk-docs Ready Ready Preview Oct 29, 2025 11:17pm

## Usage

<Tabs items={["Next.js", "Astro", "React", "Remix", "Nuxt", "Vue"]}>
<Tabs items={["SDKs using <ClerkProvider/>", "Astro", "JavaScript", "Vue", "Nuxt", "Fastify"]}>
Copy link
Member

@alexisintech alexisintech Oct 28, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is a great place where we could use <If not={["Astro", "JavaScript", "Vue", "Nuxt", "Fastify"]}> to have it apply for all other sdk's @NWylynko 🥺

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I know. I like the "SDKs using " tab, but the issue is that it will not detect specifically what SDK it corresponds to. Maybe here it would be better to use <If/> then. Like have a:

<If ={["Next.js", "React", "React Router"]}> etc...

And then the individual <If> for Astro, JavaScript etc..

Copy link
Contributor Author

@SarahSoutoul SarahSoutoul Oct 29, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this is what you had in mind @alexisintech and I really like that, if we can support the "not".

Screenshot 2025-10-29 at 1 45 57 pm

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Okay have just pushed changes with a structure that works better I think. Let me know thoughts @alexisintech.

Restructure the code examples and wordign

{/* JS file: https://github.com/clerk/javascript/blob/main/packages/types/src/appearance.ts#L538 */}

The `layout` property can be used to change the layout of the [`<SignIn/>`](/docs/reference/components/authentication/sign-in) and [`<SignUp/>`](/docs/reference/components/authentication/sign-up) components, as well as set important links to your support, terms, and privacy pages.
The `layout` property can be used to change the layout of the [`<SignIn/>`](/docs/reference/components/authentication/sign-in) and [`<SignUp/>`](/docs/reference/components/authentication/sign-up) components, as well as set important links to your support, terms, and privacy pages. It is passed as a parameter to the [`appearance` prop](/docs/guides/customizing-clerk/appearance-prop/overview).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ooo i like this addition!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants