Integration Binance fiat widget with your web application

install

    npm install binance-fiat-widget

used

<div id="widget"></div>

import { Widget } from "binance-fiat-widget";

const options = {
  locale: "en",
  width: 200,
  theme: "dark",
  urlParmas: {
    ref: "",
    utm_source: "",
  },
};

Widget("#widget", options);

Parameters

• el: selector or DOM element

  react

  import { Widget, unloadWidget } from "binance-fiat-widget";
  const app = () => {
    const t = useRef < HTMLDivElement > null;
    // or
    // const t = document.querySelector('#test')
  
    useEffect(() => {
      if (t) {
        Widget(t);
      }
      return () => unloadWidget();
    }, []);
    return <div id="#test" ref={r}></div>;
  };

  cdn

  <script src="https://bin.bnbstatic.com/static/js/ocbs/binance-fiat-widget.js"></script>
  <div id="widget"></div>

  const t = document.querySelector("#test");
  window.binanceFiatWidget.Widget(t);

• options.locale: string

  i18n, nullable, default: 'en'

  opts: 'en'|'cn'|'tw'|'kr'|'ru'|'vn'|'it'|'es'|'de'|'fr'

• options.width: number

  width, nullable, default: 200

  range: 200 - 500

• options.theme: string

  theme, nullable, default: 'light'

  opts: 'light' | 'dark'

• options.urlParmas

  • options.urlParmas.ref: string

    ref id, nullable

  • options.urlParmas.utm_source: string

    UTM source, nullable

• options.api_host: string

  overlay getCoinListApi, nullable