| title | Component Adapter |
|---|---|
| order | 5 |
The Component Adapter system provides a powerful way to customize the UI components used throughout the Gusto Embedded React SDK. This feature allows you to replace the default SDK UI components with your own UI components while maintaining all the SDK's functionality.
Component adapters are powerful but can be complicated to set up and involve higher maintenance overhead. It is recommended to start with theming and then only use component adapters as needed.
The Component Adapter provides a "bring your own UI" approach, enabling seamless integration with your existing design system while maintaining all the business logic and functionality of the SDK.
| Section | Description |
|---|---|
| How the Component Adapter Works | Learn about the architecture and principles behind the Component Adapter system |
| Setting Up Your Component Adapter | Step-by-step instructions for creating and implementing your own Component Adapter |
| Component Adapter Types | Details about the TypeScript interfaces used by the Component Adapter system |
| Component Inventory | Complete inventory of customizable UI components with prop documentation |
| FAQ | Answers to common questions about using the Component Adapter |