Component Adapter

Component Adapter

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.

SectionDescription
How the Component Adapter WorksLearn about the architecture and principles behind the Component Adapter system
Setting Up Your Component AdapterStep-by-step instructions for creating and implementing your own Component Adapter
Component Adapter TypesDetails about the TypeScript interfaces used by the Component Adapter system
Component InventoryComplete inventory of customizable UI components with prop documentation
FAQAnswers to common questions about using the Component Adapter