From 85fb0cb740984ba38fc2d07f52c9c811567ac49f Mon Sep 17 00:00:00 2001
From: Kris Urbas <605420+krzysu@users.noreply.github.com>
Date: Wed, 5 Feb 2025 07:16:08 +0100
Subject: [PATCH] feat: docs: add peer deps install command

---
 packages/circle-react-elements/README.md       | 18 +++++++++++++++++-
 .../src/GettingStarted.mdx                     | 18 +++++++++++++++++-
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/packages/circle-react-elements/README.md b/packages/circle-react-elements/README.md
index 9dfcd7f..b6c7d9d 100644
--- a/packages/circle-react-elements/README.md
+++ b/packages/circle-react-elements/README.md
@@ -44,7 +44,11 @@ Then you can proceed with the installation of the [Circle Developer-Controlled W
 
 ```bash
 npm install @circle-libs/react-elements
-# or
+```
+
+or
+
+```bash
 yarn add @circle-libs/react-elements
 ```
 
@@ -65,6 +69,18 @@ This package requires the following peer dependencies:
 }
 ```
 
+Install them all in a single command:
+
+```bash
+npm install @circle-fin/developer-controlled-wallets @web3icons/react lucide-react react react-dom react-hook-form tailwindcss tailwindcss-animate
+```
+
+or
+
+```bash
+yarn add @circle-fin/developer-controlled-wallets @web3icons/react lucide-react react react-dom react-hook-form tailwindcss tailwindcss-animate
+```
+
 ## Tailwind CSS Setup
 
 1. Add the package's Tailwind preset to your `tailwind.config.ts`:
diff --git a/packages/circle-react-elements/src/GettingStarted.mdx b/packages/circle-react-elements/src/GettingStarted.mdx
index a269ab0..03d4b57 100644
--- a/packages/circle-react-elements/src/GettingStarted.mdx
+++ b/packages/circle-react-elements/src/GettingStarted.mdx
@@ -44,7 +44,11 @@ Then you can proceed with the installation of the [Circle Developer-Controlled W
 
 ```bash
 npm install @circle-libs/react-elements
-# or
+```
+
+or
+
+```bash
 yarn add @circle-libs/react-elements
 ```
 
@@ -65,6 +69,18 @@ This package requires the following peer dependencies:
 }
 ```
 
+Install them all in a single command:
+
+```bash
+npm install @circle-fin/developer-controlled-wallets @web3icons/react lucide-react react react-dom react-hook-form tailwindcss tailwindcss-animate
+```
+
+or
+
+```bash
+yarn add @circle-fin/developer-controlled-wallets @web3icons/react lucide-react react react-dom react-hook-form tailwindcss tailwindcss-animate
+```
+
 ## Tailwind CSS Setup
 
 1. Add the package's Tailwind preset to your `tailwind.config.ts`: