UseePay Elements Appearance

UseePay supports customizing the appearance of payment components using the appearance property. This document explains how to configure styling during integration.

Scope

Styling customization currently applies to the following modes:

Payment Element ('payment')

Express Checkout Element ('expressCheckout')

Supported Custom Properties

The SDK currently supports adjusting the border radius via styling variables:

Property Name	Type	Default	Description
`variables.borderRadius`	String	`'12px'`	Controls the border radius of internal elements like input fields and buttons (e.g., `'8px'`, `'12px'`)

Code Integration Example

When invoking useepay.elements() to initialize an instance, pass the appearance object to configure custom styles.

Scope#

Supported Custom Properties#

Code Integration Example#

Scope

Supported Custom Properties

Code Integration Example