1⃣
Install Widget
Easy installation to go multi-chain
npm install --save @lifi/widget
or
yarn add @lifi/widget
List of environments we've tested the widget with so far:
See the compatibility pages for more information.
Check out our complete examples in the widget repository or file an issue if you have any incompatibilities.
Here is an example of a basic app using LI.FI Widget.
The
integrator option is required and should contain the identifier of the integrator of the widget. Usually, it's your dApp/company name.import { LiFiWidget, WidgetConfig } from '@lifi/widget';
const widgetConfig: WidgetConfig = {
containerStyle: {
border: '1px solid rgb(234, 234, 234)',
borderRadius: '16px',
},
};
export const WidgetPage = () => {
return (
<LiFiWidget integrator="Your dApp/company name" config={widgetConfig} />
);
};