uno-token-price-widget

Large

Medium

Small

Usage

Installation

$ npm i --save @unowallet/token-price-widget

React Component usage

Import the <UnoTokenPriceWidget /> component, and the token-price-widget stylesheet.

import { UnoTokenPriceWidget } from "@unowallet/token-price-widget";
import "@unowallet/token-price-widget/dist/styles.css";

// ...in your render function

<UnoTokenPriceWidget
  tokenName="ORO"
  tokenSymbol="ORO"
  tokenImage="https://assets.partyworld.dev/tokens/oro-icon.png"
  tokenAddress="0xcd1E32B86953D79a6AC58e813D2EA7a1790cAb63"
  appId="app_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" // Your World Mini App ID
  onClickSwap={() => {
    /* handle on click swap */
  }}
  size="large"
  language="en" // Not implimented yet
/>;

If you are using Next.js you will need to update transpilePackages in your next.config.js.

/** @type {import('next').NextConfig} */
const nextConfig = {
  transpilePackages: [
    // other transpiled packages
    '@unowallet/token-price-widget'
  ],
}

module.exports = nextConfig