From 3718a182865fe2e63748effd1ebdde700b9ecea7 Mon Sep 17 00:00:00 2001
From: Gao Sun <gao@silverhand.io>
Date: Tue, 12 Apr 2022 12:05:04 +0800
Subject: [PATCH] refactor(docs): optimize React get started (#532)

---
 packages/docs/docs/integrate-sdk/react/_step-1.mdx   | 12 +++++++-----
 .../current/integrate-sdk/react/_step-1.mdx          | 12 +++++++-----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/packages/docs/docs/integrate-sdk/react/_step-1.mdx b/packages/docs/docs/integrate-sdk/react/_step-1.mdx
index c41ad2ccc..c8a6df8f9 100644
--- a/packages/docs/docs/integrate-sdk/react/_step-1.mdx
+++ b/packages/docs/docs/integrate-sdk/react/_step-1.mdx
@@ -3,8 +3,6 @@ import TabItem from '@theme/TabItem';
 
 ## Install SDK
 
-_Option 1: Install your SDK dependency_
-
 <Tabs>
 <TabItem value="npm" label="npm">
 
@@ -27,17 +25,21 @@ pnpm add @logto/react
 ```
 
 </TabItem>
-</Tabs>
 
-_Option 2: Add script tag to your HTML_
+<TabItem value="script" label="script">
 
 ```html
 <script src="https://logto.io/js/logto-sdk-react/0.1.0/logto-sdk-react.production.js" />
 ```
 
-_Option 3: Fork your own from GitHub_
+</TabItem>
+
+<TabItem value="git" label="Git">
 
 ```bash
 git clone https://github.com/logto-io/js.git
 pnpm build
 ```
+
+</TabItem>
+</Tabs>
diff --git a/packages/docs/i18n/zh-cn/docusaurus-plugin-content-docs/current/integrate-sdk/react/_step-1.mdx b/packages/docs/i18n/zh-cn/docusaurus-plugin-content-docs/current/integrate-sdk/react/_step-1.mdx
index 13680a93a..11621826b 100644
--- a/packages/docs/i18n/zh-cn/docusaurus-plugin-content-docs/current/integrate-sdk/react/_step-1.mdx
+++ b/packages/docs/i18n/zh-cn/docusaurus-plugin-content-docs/current/integrate-sdk/react/_step-1.mdx
@@ -3,8 +3,6 @@ import TabItem from '@theme/TabItem';
 
 ## 安装 Logto SDK
 
-_方案 1: 安装 SDK 依赖包_
-
 <Tabs>
 <TabItem value="npm" label="npm">
 
@@ -27,17 +25,21 @@ pnpm add @logto/react
 ```
 
 </TabItem>
-</Tabs>
 
-_方案 2: Add script tag to your HTML_
+<TabItem value="script" label="script">
 
 ```html
 <script src="https://logto.io/js/logto-sdk-react/0.1.0/logto-sdk-react.production.js" />
 ```
 
-_方案 3: Fork your own from GitHub_
+</TabItem>
+
+<TabItem value="git" label="Git">
 
 ```bash
 git clone https://github.com/logto-io/js.git
 pnpm build
 ```
+
+</TabItem>
+</Tabs>