Checkout
The options for customizing the corner radius of checkout-related objects. Examples include the primary button, the name text fields and the sections within the main area (if they have borders). Refer to this complete list for objects with customizable corner radii.
The design system defines the corner radius pixel size for each option. Modify the defaults by setting the designSystem.cornerRadius input fields.
Anchor to Valid valuesValid values
- Anchor to BASEBASE•
The corner radius with a pixel value defined by designSystem.cornerRadius.base.
- Anchor to LARGELARGE•
The corner radius with a pixel value defined by designSystem.cornerRadius.large.
- Anchor to NONENONE•
The 0px corner radius (square corners).
- Anchor to SMALLSMALL•
The corner radius with a pixel value defined by designSystem.cornerRadius.small.
Anchor to FieldsFields
- •OBJECT
The corner radius used for buttons.
- •INPUT OBJECT
The corner radius used for buttons.
- •OBJECT
The corner radius used for checkboxes.
- •INPUT OBJECT
The corner radius used for checkboxes.
- •OBJECT
The corner radius used for form controls.
- •INPUT OBJECT
The corner radius used for form controls.
- Anchor to CheckoutBrandingExpressCheckoutButton.cornerRadiusCheckout•OBJECT
Branding Express Checkout Button.corner Radius The corner radius used for the Express Checkout buttons.
- Anchor to CheckoutBrandingExpressCheckoutButtonInput.cornerRadiusCheckout•INPUT OBJECT
Branding Express Checkout Button Input.corner Radius The corner radius used for Express Checkout buttons.
- •OBJECT
The corner radius of the main sections.
- Anchor to CheckoutBrandingMainSectionInput.cornerRadiusCheckout•INPUT OBJECT
Branding Main Section Input.corner Radius The corner radius of the main sections.
- Anchor to CheckoutBrandingMerchandiseThumbnail.cornerRadiusCheckout•OBJECT
Branding Merchandise Thumbnail.corner Radius The corner radius used for merchandise thumbnails.
- Anchor to CheckoutBrandingMerchandiseThumbnailInput.cornerRadiusCheckout•INPUT OBJECT
Branding Merchandise Thumbnail Input.corner Radius The corner radius used for merchandise thumbnails.
- Anchor to CheckoutBrandingOrderSummarySection.cornerRadiusCheckout•OBJECT
Branding Order Summary Section.corner Radius The corner radius of the order summary sections.
- Anchor to CheckoutBrandingOrderSummarySectionInput.cornerRadiusCheckout•INPUT OBJECT
Branding Order Summary Section Input.corner Radius The corner radius of the order summary sections.