Skip to main content

Getting Started with MyTonSwap Widget

The MyTonSwap Widget makes it simple to integrate token swapping capabilities into your web application, no matter what framework you use. Follow the steps below to quickly set up the widget using your preferred method.

Installation​

Using package manager 📦️​

First, you need to add the MyTonSwap Widget package to your project. You can use npm, yarn, or pnpm:

# Using npm
npm install @mytonswap/widget

# Using yarn
yarn add @mytonswap/widget

# Using pnpm
pnpm add @mytonswap/widget

Using CDN 🔌​

<script
    type="module"
    src="https://cdn.jsdelivr.net/npm/@mytonswap/widget@latest/dist/cdn/mytonswap-widget.js"
></script>

Setup Options​

You can set up the MyTonSwap Widget in three different ways:

  1. Plain HTML and JavaScript
  2. ReactJS
  3. VueJS

Choose the guide that matches your application’s framework to get started.

Basic Configuration​

The widget provides a simple and flexible API. You can initialize it with default settings or customize it to fit your needs. At a minimum, you should configure: Options

© 2024 MyTonSwap. All rights reserved.