---
title: CheckoutBrandingCornerRadius - GraphQL Admin
description: >-
  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](https://shopify.dev/docs/api/admin-graphql/latest/enums/CheckoutBrandingCornerRadius#fieldswith)

  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](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutBrandingDesignSystemInput#field-checkoutbrandingdesignsysteminput-cornerradius)

  input fields.
api_version: 2024-10
api_name: admin
type: enum
api_type: graphql
source_url:
  html: >-
    https://shopify.dev/docs/api/admin-graphql/2024-10/enums/CheckoutBrandingCornerRadius
  md: >-
    https://shopify.dev/docs/api/admin-graphql/2024-10/enums/CheckoutBrandingCornerRadius.txt
---

# Checkout​Branding​Corner​Radius

enum

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](https://shopify.dev/docs/api/admin-graphql/latest/enums/CheckoutBrandingCornerRadius#fieldswith) 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](https://shopify.dev/docs/api/admin-graphql/latest/input-objects/CheckoutBrandingDesignSystemInput#field-checkoutbrandingdesignsysteminput-cornerradius) input fields.

## Valid values

* BASE

  The corner radius with a pixel value defined by designSystem.cornerRadius.base.

* LARGE

  The corner radius with a pixel value defined by designSystem.cornerRadius.large.

* NONE

  The 0px corner radius (square corners).

* SMALL

  The corner radius with a pixel value defined by designSystem.cornerRadius.small.

***

## Fields

* [Checkout​Branding​Button.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingButton#field-cornerRadius)

  OBJECT

  The buttons customizations.

* [Checkout​Branding​Button​Input.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingButtonInput#field-cornerRadius)

  INPUT OBJECT

  The input fields used to update the buttons customizations.

* [Checkout​Branding​Checkbox.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingCheckbox#field-cornerRadius)

  OBJECT

  The checkboxes customizations.

* [Checkout​Branding​Checkbox​Input.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingCheckboxInput#field-cornerRadius)

  INPUT OBJECT

  The input fields used to update the checkboxes customizations.

* [Checkout​Branding​Control.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingControl#field-cornerRadius)

  OBJECT

  The form controls customizations.

* [Checkout​Branding​Control​Input.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingControlInput#field-cornerRadius)

  INPUT OBJECT

  The input fields used to update the form controls customizations.

* [Checkout​Branding​Express​Checkout​Button.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingExpressCheckoutButton#field-cornerRadius)

  OBJECT

  The Express Checkout button customizations.

* [Checkout​Branding​Express​Checkout​Button​Input.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingExpressCheckoutButtonInput#field-cornerRadius)

  INPUT OBJECT

  The input fields to use to update the express checkout customizations.

* [Checkout​Branding​Main​Section.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingMainSection#field-cornerRadius)

  OBJECT

  The main sections customizations.

* [Checkout​Branding​Main​Section​Input.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingMainSectionInput#field-cornerRadius)

  INPUT OBJECT

  The input fields used to update the main sections customizations.

* [Checkout​Branding​Merchandise​Thumbnail.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingMerchandiseThumbnail#field-cornerRadius)

  OBJECT

  The merchandise thumbnails customizations.

* [Checkout​Branding​Merchandise​Thumbnail​Input.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingMerchandiseThumbnailInput#field-cornerRadius)

  INPUT OBJECT

  The input fields used to update the merchandise thumbnails customizations.

* [Checkout​Branding​Order​Summary​Section.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingOrderSummarySection#field-cornerRadius)

  OBJECT

  The order summary sections customizations.

* [Checkout​Branding​Order​Summary​Section​Input.​corner​Radius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingOrderSummarySectionInput#field-cornerRadius)

  INPUT OBJECT

  The input fields used to update the order summary sections customizations.

***

## Map

### Fields with this enum

* <-|[Checkout​Branding​Button.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingButton#field-cornerRadius)
* <-|[Checkout​Branding​Checkbox.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingCheckbox#field-cornerRadius)
* <-|[Checkout​Branding​Control.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingControl#field-cornerRadius)
* <-|[Checkout​Branding​Express​Checkout​Button.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingExpressCheckoutButton#field-cornerRadius)
* <-|[Checkout​Branding​Main​Section.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingMainSection#field-cornerRadius)
* <-|[Checkout​Branding​Merchandise​Thumbnail.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingMerchandiseThumbnail#field-cornerRadius)
* <-|[Checkout​Branding​Order​Summary​Section.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingOrderSummarySection#field-cornerRadius)

### Inputs with this enum

* [Checkout​Branding​Button​Input.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingButtonInput#field-cornerRadius)
* [Checkout​Branding​Checkbox​Input.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingCheckboxInput#field-cornerRadius)
* [Checkout​Branding​Control​Input.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingControlInput#field-cornerRadius)
* [Checkout​Branding​Express​Checkout​Button​Input.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingExpressCheckoutButtonInput#field-cornerRadius)
* [Checkout​Branding​Main​Section​Input.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingMainSectionInput#field-cornerRadius)
* [Checkout​Branding​Merchandise​Thumbnail​Input.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingMerchandiseThumbnailInput#field-cornerRadius)
* [Checkout​Branding​Order​Summary​Section​Input.cornerRadius](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingOrderSummarySectionInput#field-cornerRadius)