PrimaryButtonConfig: {
    font: Pick<PaymentSheet.FontConfig, "family">;
    colors:
        | PaymentSheet.PrimaryButtonColorConfig
        | {
            light: PaymentSheet.PrimaryButtonColorConfig;
            dark: PaymentSheet.PrimaryButtonColorConfig;
        };
    shapes: {
        borderRadius: number;
        borderWidth: number;
        shadow: PaymentSheet.ShadowConfig;
    };
}

Type declaration

  • font: Pick<PaymentSheet.FontConfig, "family">

    The font family used specifically for the primary button.

    The root appearance.font.family

  • colors:
        | PaymentSheet.PrimaryButtonColorConfig
        | {
            light: PaymentSheet.PrimaryButtonColorConfig;
            dark: PaymentSheet.PrimaryButtonColorConfig;
        }

    The colors used specifically for the primary button. Provide either a base config, or both light and dark configs, which will be useed based on whether the user is in Light or Dark mode.

  • shapes: { borderRadius: number; borderWidth: number; shadow: PaymentSheet.ShadowConfig }

    Describes the border and shadow of the primary button.

    • borderRadius: number

      The border radius used for the primary button in your PaymentSheet

      The root appearance.shapes.borderRadius

    • borderWidth: number

      The border width used for the primary button in your PaymentSheet

      The root appearance.shapes.borderWidth

    • shadow: PaymentSheet.ShadowConfig

      iOS only. The shadow used for the primary button in your PaymentSheet

      The root appearance.shapes.shadow

MMNEPVFCICPMFPCPTTAAATR