NoRamp Docs
Search
K

Quick Start

Setup your checkout in 60 seconds
An easy-to-implement guide to get started using NoRamp's OneClick NFT Checkout

NoRampKit

The NoRampKit is an easy to use React component that lets you use NoRamp in just a couple of lines of code.

Install

yarn add norampkit

Usage

Just pass in your Price ID after creating a price.

Testnet

import { NoRampOneClick } from "norampkit";
<NoRampOneClick
priceId="PRICE_ID"
testnet
/>

Mainnet

import { NoRampOneClick } from "norampkit";
<NoRampOneClick
priceId="PRICE_ID"
/>

Customize

The NoRampOneClick component allows you to customize the look of various aspects.

Button Themes

<NoRampOneClick
priceId="PRICE_ID"
buttonTheme="light" // or use "dark"
/>

Checkout Themes

<NoRampOneClick
priceId="PRICE_ID"
theme="light" // or use "dark"
/>

Button Types

<NoRampOneClick
priceId="PRICE_ID"
type="buy" // or "donate" or "book" or "checkout" or "subscribe" ...
/>
All Types
  • buy
  • donate
  • plain
  • book
  • checkout
  • subscribe
  • add-money
  • contribute
  • order
  • reload
  • rent
  • support
  • tip
  • top-up
  • continue

Support

Join our Discord server for any help or dev questions you may have