Customization

Third-party integrations are not usually completely in line with the aesthetics of our platform. Therefore, Amplify SDK offers the ability to customize most of the styles and texts of the integration.

Styles

To customize our styles, we need to use the customStyles property where we have the opportunity to change most of the SDK's styles. For example, if our platform uses the Nunito font and we want the SDK to use it as well, we can do the following:

<CryptoCheckout
  customStyles={{
    global: {
      fontFamily: "Nunito"
    }
  }}
/>

Wording

If you want to modify the default value of the texts within Amplify SDK, you can do so using the translations property. For example, if you want to change the title, you can do it in the following way:

<CryptoCheckout
  translations={{
    title: "My own title"
  }}
/>