0.0.2 • Published 1 year ago
beeswap-react v0.0.2
BeeSwap React Module
Installation
npm install beeswap-react
Usage
There are two steps for using this plugin.
- In your
App.tsx
or wherever you put your providers, include ourProvider
.
import { BeeSwapProvider } from './hooks/useBeeSwap';
//...
ReactDOM.render(
<BeeSwapProvider beeId="YOUR_BEE_ID_NUMBER">
<App />
</BeeSwapProvider>,
document.getElementById('app-root'),
);
- Anywhere you want to embed a BeeSwap ad, use the following snippet:
import { useBeeSwap } from 'beeswap-react';
//You may want to change the id below based on the ad type you are loading.
//Your snippet also may also allow for you to instead pass a className.
const MyComponent = () => {
const { RenderBeeSwapAds } = useBeeSwap();
return (
<RenderBeeSwapAds id="bee-oneone-wide-inj-1" />
);
};
And that's it! If you have any problems with set up, please reach out to: hello@getbeeswap.com for assistance!