Inttegro Web SDKs - v0.7.1
    Preparing search index...

    Interface CheckoutAppearance

    Visual preferences applied inside the hosted Checkout frame.

    The frame owns its controls, typography, payment-method presentation, and validation UI so the payment experience remains consistent across merchants. Your application controls the size and placement of the outer container.

    interface CheckoutAppearance {
        button?: CheckoutControlAppearance;
        colors?: CheckoutAppearanceColors;
        input?: CheckoutControlAppearance;
        primaryColor?: string;
        selection?: CheckoutControlAppearance;
        shape?: CheckoutShapeAppearance;
        theme?: CheckoutTheme;
        typography?: CheckoutTypographyAppearance;
    }
    Index
    button? colors? input? primaryColor? selection? shape? theme? typography?
    button?: CheckoutControlAppearance

    Primary payment-action styling.

    colors?: CheckoutAppearanceColors

    Semantic colors for the hosted payment surface.

    input?: CheckoutControlAppearance

    Text, amount, and account input styling.

    primaryColor?: string

    Optional primary action color as a six-digit hexadecimal color. When omitted, Checkout uses the merchant application's configured accent. Prefer the grouped appearance properties for complete theme control.

    selection?: CheckoutControlAppearance

    Selected payment-method styling.

    shape?: CheckoutShapeAppearance

    Surface and control geometry.

    theme?: CheckoutTheme

    Checkout color scheme. Defaults to the hosted experience's system-aware behavior when omitted.

    typography?: CheckoutTypographyAppearance

    Typography used throughout the hosted payment experience.

    Settings
    Member Visibility

    On This Page
    Properties