# React Installation

Our full React example can be found [here](https://github.com/0xsquid/widget-integrations/tree/main/packages/cra-app). 

### Basic example

After installing the npm package as outlined in [installing-the-widget](https://docs.squidrouter.com/old-v2-documentation-deprecated/add-a-widget/widget/installing-the-widget "mention"), add the widget into your React app:

```jsx
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 Studi](https://widget.squidrouter.com/)[o](https://beta.widget.0xsquid.com/) and copy-paste the config code snippet into your code.

Follow the [customization-guide](https://docs.squidrouter.com/old-v2-documentation-deprecated/add-a-widget/widget/customization-guide "mention") to configure your widget, or check out the[#full-configuration-example](https://docs.squidrouter.com/old-v2-documentation-deprecated/add-a-widget/customization-guide#full-configuration-example "mention") for an implementation reference.&#x20;