React Installation

Installing the React component

Our full React example can be found here.

Basic example

After installing the npm package as outlined in Installing the Widget, add the widget into your React app:

import { SquidWidget } from "@0xsquid/widget";
// ...

<SquidWidget config={
companyName:"Squid",
slippage:3,
// customization config
} />

Customization

If you want to customize the widget, you can use the Squid Widget Studio and copy-paste the config code snippet into your code.

Follow the Customization Guide to configure your widget, or check out theFull configuration example for an implementation reference.