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