Skip to main content

Props

buttonColor​

Set the button background color to black or white. For more details about the available options, see GooglePayButtonColor.

Available values: default, black or white.

import { GooglePay, PaymentForm } from 'react-square-web-payments-sdk';

export default function MyApp() {
  return (
    <PaymentForm>
      <GooglePay buttonColor="black" />
    </PaymentForm>
  );
}

Example​

buttonSizeMode​

Set fitting mode to dynamically size button or fixed size. For more details about the available options, see GooglePayButtonSizeMode.

Available values: static or fill.

import { GooglePay, PaymentForm } from 'react-square-web-payments-sdk';

export default function MyApp() {
  return (
    <PaymentForm>
      <GooglePay buttonSizeMode="fill" />
    </PaymentForm>
  );
}

Example​

buttonType​

Render a long or short button. For more details about the available options, see GooglePayButtonType.

Available values: long or short.

import { GooglePay, PaymentForm } from 'react-square-web-payments-sdk';

export default function MyApp() {
  return (
    <PaymentForm>
      <GooglePay buttonType="long" />
    </PaymentForm>
  );
}

Example​