Skip to content

Commit d3d44ba

Browse files
alexisintechalexisintech
authored
Update component images to core 2 (#936)
1 parent 934be25 commit d3d44ba

16 files changed

+1788
-33
lines changed

‎docs/components/authentication/sign-in.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: Clerk's <SignIn /> component renders a UI for signing in users.
66
# `<SignIn />` component
77

88
<Images
9-
width={496}
10-
height={564}
11-
src="/docs/images/ui-components/component-sign_in.svg"
12-
alt="Sign in component example"
9+
width={460}
10+
height={576}
11+
src="/docs/images/ui-components/sign-in.svg"
12+
alt="Clerk's <SignIn /> component renders a UI for signing in users."
1313
/>
1414

1515
The `<SignIn />` component renders a UI for signing in users. The functionality of the `<SignIn />` component is controlled by the instance settings you specify in your [Clerk Dashboard](https://dashboard.clerk.com), such as [sign-in and sign-up options](/docs/authentication/configuration/sign-up-sign-in-options) and [social connections](/docs/authentication/social-connections/overview). You can further customize your `<SignIn />` component by passing additional [properties](#properties) at the time of rendering.

‎docs/components/authentication/sign-up.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: Clerk's <SignUp /> component renders a UI for signing up users.
66
# `<SignUp />` component
77

88
<Images
9-
width={496}
10-
height={780}
11-
src="/docs/images/ui-components/component-sign_up.svg"
12-
alt="Sign up component example"
9+
width={460}
10+
height={900}
11+
src="/docs/images/ui-components/sign-up.svg"
12+
alt="Clerk's <SignUp /> component renders a UI for signing up users."
1313
/>
1414

1515
The `<SignUp />` component renders a UI for signing up users. The functionality of the `<SignUp />` component is controlled by the instance settings you specify in your [Clerk Dashboard](https://dashboard.clerk.com), such as [sign-in and sign-up options](/docs/authentication/configuration/sign-up-sign-in-options) and [social connections](/docs/authentication/social-connections/overview). You can further customize your `<SignUp />` component by passing additional [properties](#properties) at the time of rendering.

‎docs/components/organization/create-organization.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: Clerk's <CreateOrganization /> component is used to render an organ
66
# `<CreateOrganization />` component
77

88
<Images
9-
alt="Organization Switcher Example"
10-
width={992}
11-
height={568}
12-
src="/docs/images/ui-components/component-org_create.svg"
9+
width={492}
10+
height={502}
11+
src="/docs/images/ui-components/create-organization.svg"
12+
alt="Clerk's <CreateOrganization /> component renders an organization creation UI that allows users to create brand new organizations within your application."
1313
/>
1414

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

‎docs/components/organization/organization-list.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: Clerk's <OrganizationList /> component is used to display organizat
66
# `<OrganizationList />` component
77

88
<Images
9-
alt="Organization List Example"
10-
width={496}
11-
height={564}
12-
src="/docs/images/ui-components/component-org_list.svg"
9+
width={460}
10+
height={602}
11+
src="/docs/images/ui-components/organization-list.svg"
12+
alt="Clerk's <OrganizationList /> component is used to display organization related memberships, invitations, and suggestions for the user."
1313
/>
1414

1515
The `<OrganizationList />` component is used to display organization related memberships, invitations, and suggestions for the user.

‎docs/components/organization/organization-profile.mdx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
22
title: <OrganizationProfile /> component
3-
description: The `<OrganizationProfile />` component is used to render a beautiful, full-featured organization management UI that allows users to manage their organization profile and security settings.
3+
description: Clerks <OrganizationProfile /> component is used to render a beautiful, full-featured organization management UI that allows users to manage their organization profile and security settings.
44
---
55

66
# `<OrganizationProfile />` component
77

88
<Images
9-
alt="Organization Profile Example"
10-
width={1024}
11-
height={548}
12-
src="/docs/images/ui-components/component-org_profile.svg"
9+
width={940}
10+
height={764}
11+
src="/docs/images/ui-components/organization-profile.svg"
12+
alt="Clerk's <OrganizationProfile /> component renders a full-featured organization management UI that allows users to manage their organization profile and security settings."
1313
/>
1414

1515
The `<OrganizationProfile />` component is used to render a beautiful, full-featured organization management UI that allows users to manage their organization profile and security settings.

‎docs/components/organization/organization-switcher.mdx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,13 @@ description: Clerk's <OrganizationSwitcher /> component is used to enable the ab
66
# `<OrganizationSwitcher />` component
77

88
<Images
9-
alt="Organization Switcher Example"
10-
width={992}
11-
height={568}
12-
src="/docs/images/ui-components/component-org_switcher.svg"
9+
width={436}
10+
height={389}
11+
src="/docs/images/ui-components/organization-switcher.svg"
12+
alt="Clerk's <OrganizationSwitcher /> component is used to enable the ability to switch between available organizations the user may be part of in your application."
1313
/>
1414

15-
The [`<OrganizationSwitcher />`][orgswitcher-ref] component is used to enable the ability to switch between available organizations the user may be part of in your application.
15+
The `<OrganizationSwitcher />` component is used to enable the ability to switch between available organizations the user may be part of in your application.
1616

1717
## `<OrganizationSwitcher />` properties
1818

‎docs/components/user/user-button.mdx

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,16 @@
11
---
22
title: <UserButton /> component
3-
description: The `<UserButton />` component is used to render the familiar user button UI popularized by Google.
3+
description: Clerk's <UserButton /> component is used to render the familiar user button UI popularized by Google.
44
---
55

66
# `<UserButton />` component
77

8-
<Images width={496} height={564} src="/docs/images/ui-components/component-user_button.svg" alt="User Button Example" />
8+
<Images
9+
width={436}
10+
height={485}
11+
src="/docs/images/ui-components/user-button.svg"
12+
alt="Clerk's <UserButton /> component renders the familiar user button UI popularized by Google."
13+
/>
914

1015
The `<UserButton />` component is used to render the familiar user button UI popularized by Google.
1116

‎docs/components/user/user-profile.mdx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
22
title: <UserProfile /> component
3-
description: The `<UserProfile />` component is used to render a beautiful, full-featured account management UI that allows users to manage their profile and security settings.
3+
description: Clerk's <UserProfile /> component is used to render a beautiful, full-featured account management UI that allows users to manage their profile and security settings.
44
---
55

66
# `<UserProfile />` component
77

88
<Images
9-
width={976}
10-
height={762}
11-
src="/docs/images/ui-components/component-user_profile.svg"
12-
alt="UserProfile example"
9+
width={940}
10+
height={764}
11+
src="/docs/images/ui-components/user-profile.svg"
12+
alt="Clerk's <UserProfile /> component renders a full-featured account management UI that allows users to manage their profile and security settings."
1313
/>
1414

1515
The `<UserProfile />` component is used to render a beautiful, full-featured account management UI that allows users to manage their profile and security settings.

‎public/images/ui-components/create-organization.svg

Lines changed: 199 additions & 0 deletions
Loading

‎public/images/ui-components/organization-list.svg

Lines changed: 284 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)