Skip to content

Commit a24a335

Browse files
committed
Adding a demo, linking to Multichain docs and fixing some code
1 parent c7c870b commit a24a335

File tree

2 files changed

+20
-3
lines changed

2 files changed

+20
-3
lines changed

docs/appkit/upgrade/wcm.mdx

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,22 @@ import TabItem from '@theme/TabItem'
88

99
**WalletConnect Modal will soon be deprecated.** Consequently, projects and developers need to upgrade to Reown AppKit Basic. The most basic version of Reown AppKit will contain the traditional WalletConnect Modal with a QR code that users can scan and connect their wallets to.
1010

11-
This guide will show you how to upgrade to the most basic version of Reown AppKit.
11+
<img src="/img/appkit-basic.gif" />
12+
13+
This guide will show you how to upgrade to the most basic version of Reown AppKit. There are three different categories that this guide will be addressing, they are:
14+
15+
1. [**AppKit Basic**](#appkit-basic)
16+
2. [**Ethereum Provider**](#ethereum-provider)
17+
3. [**Universal Provider with AppKit**](#universalprovider-with-appkit)
18+
4. [**Sign Client with AppKit**](#sign-client-with-appkit)
19+
20+
## Installation
21+
22+
You first need to install the AppKit package in order to get started. You can do this by running the command below.
23+
24+
```bash npm2yarn
25+
npm install @reown/appkit
26+
```
1227

1328
## AppKit Basic
1429

@@ -77,6 +92,8 @@ const modal = createAppKit({
7792

7893
</PlatformTabs>
7994

95+
You can also refer to the "Multichain" section under AppKit "Core" for installation. [Click here](/appkit/react/core/multichain?platform=basic) to learn more.
96+
8097
### Examples
8198

8299
Below are the examples for the corresponding library/programming language.
@@ -142,7 +159,7 @@ Here's how you can configure AppKit with `UniversalProvider`.
142159
// NEW IMPLEMENTATION
143160

144161
import { UniversalProvider } from '@walletconnect/universal-provider'
145-
import { createAppKit) from '@reown/appkit'
162+
import { createAppKit } from '@reown/appkit'
146163

147164
const provider = await UniversalProvider.init({
148165
projectId: 'YOUR_PROJECT_ID',
@@ -357,7 +374,7 @@ const { uri, approval } = await signClient.connect({
357374
// New Implementation
358375

359376
import { SignClient } from '@walletconnect/sign-client'
360-
import { createAppKit) from '@reown/appkit'
377+
import { createAppKit } from '@reown/appkit'
361378

362379
const signClient = await SignClient.init({
363380
projectId: 'YOUR_PROJECT_ID',

static/img/appkit-basic.gif

32.9 MB
Loading

0 commit comments

Comments
 (0)