-
Notifications
You must be signed in to change notification settings - Fork 208
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
27 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -72,14 +72,21 @@ OnchainKit offers three themes packed with React components and TypeScript utili | |
To integrate OnchainKit into your project, begin by installing the necessary packages. | ||
|
||
```bash | ||
# Use Yarn | ||
yarn add @coinbase/onchainkit [email protected] react@18 react-dom@18 | ||
# Yarn: Add library | ||
yarn add @coinbase/onchainkit | ||
# Yarn: Depending on the components or utilities you choose, | ||
# you may end up utilizing any of those libraries. | ||
yarn add [email protected] react@18 react-dom@18 graphql@14 graphql-request@6 | ||
|
||
# or | ||
|
||
# Use NPM | ||
npm install @coinbase/onchainkit [email protected] react@18 react-dom@18 | ||
npm install @coinbase/onchainkit | ||
npm install [email protected] react@18 react-dom@18 graphql@14 graphql-request@6 | ||
|
||
# Use PNPM | ||
pnpm add @coinbase/onchainkit [email protected] react@18 react-dom@18 | ||
pnpm add @coinbase/onchainkit | ||
npm install [email protected] react@18 react-dom@18 graphql@14 graphql-request@6 | ||
``` | ||
|
||
Then, feel free to utilize any of the components or utilities, such as `FrameMetadata`. | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -33,14 +33,29 @@ import { HomePage } from 'vocs/components'; | |
|
||
```bash [npm] | ||
npm install @coinbase/onchainkit | ||
|
||
# Depending on the components or utilities you use, | ||
# you may end up utilizing any of those libraries. | ||
npm install [email protected] react@18 react-dom@18 | ||
npm install graphql@14 graphql-request@6 | ||
``` | ||
|
||
```bash [yarn] | ||
yarn add @coinbase/onchainkit | ||
|
||
# Depending on the components or utilities you use, | ||
# you may end up utilizing any of those libraries. | ||
yarn add [email protected] react@18 react-dom@18 | ||
yarn add graphql@14 graphql-request@6 | ||
``` | ||
|
||
```bash [pnpm] | ||
pnpm add @coinbase/onchainkit | ||
|
||
# Depending on the components or utilities you use, | ||
# you may end up utilizing any of those libraries. | ||
pnpm install [email protected] react@18 react-dom@18 | ||
pnpm install graphql@14 graphql-request@6 | ||
``` | ||
|
||
::: | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -15,5 +15,5 @@ | |
} | ||
|
||
#home-install .vocs_Code { | ||
font-size: 18px; | ||
font-size: 14px; | ||
} |