PurseHeadlessCheckoutXPayButtonUIOptions

Apple, Google and PayPal buttons are treated differently and all the config is exposed through this object.

Properties

apple?

optional apple: object;

borderRadius?

optional borderRadius: string;

buttonstyle?

optional buttonstyle: "black" | "white" | "white-outline";

height?

optional height: string;

locale?

optional locale: string;

Locale code is a combination of ISO 639-1 language code and ISO 3166-1 country code . For example, fr_FR is a locale code for French language in France.

Example

'fr-FR'

padding?

optional padding: string;

type?

optional type: 
  | "subscribe"
  | "order"
  | "plain"
  | "buy"
  | "donate"
  | "check-out"
  | "book"
  | "add-money"
  | "contribute"
  | "reload"
  | "rent"
  | "support"
  | "tip"
  | "top-up";

width?

optional width: string;

---

google?

optional google: Partial<Pick<ButtonOptions, 
  | "buttonColor"
  | "buttonType"
  | "buttonLocale"
  | "buttonRadius"
  | "buttonSizeMode">>;

---

paypal?

optional paypal: object;

color?

optional color: "black" | "white" | "silver" | "gold" | "blue";

height?

optional height: number;

label?

optional label: "checkout" | "paypal" | "buynow" | "pay" | "installment";

layout?

optional layout: "vertical" | "horizontal";

shape?

optional shape: "rect" | "pill";