Component Adapter Types

Component Adapter Types

The Component Adapter system uses TypeScript interfaces to ensure type safety and consistent behavior. This document provides links to the type definitions you’ll need when implementing custom components.

Core Types

• Component Inventory - Individual component prop interfaces
• ComponentsContextType - The main interface defining all customizable UI components
• GustoProviderCustomUIAdapterProps - Props for the custom UI adapter

Importing Types

All types are exported from the SDK package:

bash

import type {
  ComponentsContextType,
  ButtonProps,
  TextInputProps,
  // ... other types as needed
} from '@gusto/embedded-react-sdk'

Type Safety

The Component Adapter system leverages TypeScript to ensure type safety:

1. Compile-time checking: TypeScript will flag any missing or incorrect props in your component implementations
2. IDE support: You get autocomplete and documentation for all required props
3. Type inference: TypeScript can infer the types of your event handlers and other callback functions

For implementation examples and getting started guidance, see the Setup Guide.

Back to Component Adapter Overview

---

Setting Up Your Component Adapter

Component Inventory