BillingDetailsElementInitConfig
BillingDetailsElementInitConfig object
Configuration options for initializing the BillingDetailsElement, including appearance customization and element reference.
| Property | Type | Required | Description |
|---|
ref | any | string | required | Reference to the HTML element where the payment methods selector will be mounted. |
appearance | object | optional | Appearance customization for the billing details form. |
▶ 4 properties| Property | Type | Required | Description |
|---|
settings | object | optional | Component-level behavioural configuration that is not expressible through CSS. | styles | object | optional | Per-component CSS overrides keyed by selector name. | ▶ 1 property| Property | Type | Required | Description |
|---|
BillingDetailsForm | Styles | optional | |
| theme | "light" | "dark" | optional | Built-in theme to use as a baseline. Explicit variables, styles, and settings override theme defaults. | variables | object | optional | Global design tokens exposed as CSS custom properties on the element container. | ▶ 16 properties| Property | Type | Required | Description |
|---|
borderRadius | string | number | optional | Global corner radius applied to inputs, buttons, and cards. | boxShadow | string | optional | Default box shadow. | colorBackgroundPrimary | string | optional | Primary surface/background colour. | colorBackgroundSecondary | string | optional | Secondary surface colour used for cards and grouped areas. | colorError | string | optional | Colour applied to error states and validation messages. | colorFocused | string | optional | Colour applied to focused input borders and focus rings. | colorLabel | string | optional | Default colour for input labels. | colorOutline | string | optional | Outline/border colour for inputs. | colorPlaceholder | string | optional | Colour for input placeholder text. | colorPrimary | string | optional | Primary brand accent colour used for buttons and interactive elements. | colorSelected | string | optional | Colour applied to selected/active elements. | colorText | string | optional | Default text colour. | fontFamily | string | optional | Font stack for all text. | fontSizeBase | string | optional | Base font size. | paddingHorizontalInput | string | number | optional | Horizontal padding inside input fields. | spacingUnit | string | number | optional | Base spacing unit used for consistent margins and gaps between elements. |
|
|