Skip to content

Commit

Permalink
docs: polish dep (#144)
Browse files Browse the repository at this point in the history
  • Loading branch information
Zizzamia authored Feb 18, 2024
1 parent e0d88d7 commit dde7be8
Show file tree
Hide file tree
Showing 3 changed files with 27 additions and 5 deletions.
15 changes: 11 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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`.
Expand Down
15 changes: 15 additions & 0 deletions site/docs/pages/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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
```

:::
Expand Down
2 changes: 1 addition & 1 deletion site/docs/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -15,5 +15,5 @@
}

#home-install .vocs_Code {
font-size: 18px;
font-size: 14px;
}

0 comments on commit dde7be8

Please sign in to comment.