From d108d8972a72f0011f26df51c3dd1bea1516c338 Mon Sep 17 00:00:00 2001
From: Derek <alexanderderekrein@gmail.com>
Date: Mon, 17 Feb 2025 22:32:28 +0800
Subject: [PATCH] feat/onramp-api

---
 docs/appkit/javascript/transactions/onramp.mdx |  8 ++++++++
 docs/appkit/next/transactions/onramp.mdx       | 10 ++++++++++
 docs/appkit/react/transactions/onramp.mdx      | 10 ++++++++++
 docs/appkit/vue/transactions/onramp.mdx        | 10 ++++++++++
 4 files changed, 38 insertions(+)

diff --git a/docs/appkit/javascript/transactions/onramp.mdx b/docs/appkit/javascript/transactions/onramp.mdx
index 27bff7169..472182008 100644
--- a/docs/appkit/javascript/transactions/onramp.mdx
+++ b/docs/appkit/javascript/transactions/onramp.mdx
@@ -7,3 +7,11 @@ import Onramp from '../../shared/onramp.mdx'
 # On-Ramp
 
 <Onramp />
+
+## On-Ramp API 
+
+You can programmatically open the On-Ramp modal.
+
+```
+modal.open({ view: 'OnRampProviders' })
+```
diff --git a/docs/appkit/next/transactions/onramp.mdx b/docs/appkit/next/transactions/onramp.mdx
index 27bff7169..abdd6956f 100644
--- a/docs/appkit/next/transactions/onramp.mdx
+++ b/docs/appkit/next/transactions/onramp.mdx
@@ -7,3 +7,13 @@ import Onramp from '../../shared/onramp.mdx'
 # On-Ramp
 
 <Onramp />
+
+## On-Ramp API 
+
+You can programmatically open the On-Ramp modal.
+
+```
+const { open } = useAppKit()
+
+open({ view: 'OnRampProviders' })
+```
diff --git a/docs/appkit/react/transactions/onramp.mdx b/docs/appkit/react/transactions/onramp.mdx
index 27bff7169..abdd6956f 100644
--- a/docs/appkit/react/transactions/onramp.mdx
+++ b/docs/appkit/react/transactions/onramp.mdx
@@ -7,3 +7,13 @@ import Onramp from '../../shared/onramp.mdx'
 # On-Ramp
 
 <Onramp />
+
+## On-Ramp API 
+
+You can programmatically open the On-Ramp modal.
+
+```
+const { open } = useAppKit()
+
+open({ view: 'OnRampProviders' })
+```
diff --git a/docs/appkit/vue/transactions/onramp.mdx b/docs/appkit/vue/transactions/onramp.mdx
index 27bff7169..abdd6956f 100644
--- a/docs/appkit/vue/transactions/onramp.mdx
+++ b/docs/appkit/vue/transactions/onramp.mdx
@@ -7,3 +7,13 @@ import Onramp from '../../shared/onramp.mdx'
 # On-Ramp
 
 <Onramp />
+
+## On-Ramp API 
+
+You can programmatically open the On-Ramp modal.
+
+```
+const { open } = useAppKit()
+
+open({ view: 'OnRampProviders' })
+```