Skip to main content

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