Customization Guide
Squid Widget Customization Guide
The Squid Widget offers extensive customization options to tailor its appearance and behavior to your needs. This guide covers how to configure the widget using both the Squid Widget Studio and manual configuration.
Using the Squid Widget Studio
For interactive customization:
Visit the Squid Widget Studio.
Adjust settings to your preferences.
Click the "Copy Config" button to get the configuration code.
Paste the copied configuration into your React component.
Configuration Options
The widget can be configured in several areas:
General Settings: Set the widget name and API URL.
User Defaults: Configure default settings like slippage.
Visual Theme: Customize the widget's appearance.
Content: Modify titles and animations.
Token Selection: Set default and initial tokens and chains.
Basic Configuration Example
For a basic setup with default values:
Full Configuration Example
For a comprehensive setup with custom options:
Additional Configuration Options
disabledChains
: Disable specific chains.slippage
: Set the default slippage tolerance.hideAnimations
: Toggle widget animations.mainLogoUrl
: Set a custom logo URL.priceImpactWarnings
: Customize price impact limits.
Last updated