---
title: CheckoutBrandingSpacingKeyword - GraphQL Admin
description: The spacing between UI elements.
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/CheckoutBrandingSpacingKeyword
  md: >-
    https://shopify.dev/docs/api/admin-graphql/2024-10/enums/CheckoutBrandingSpacingKeyword.txt
---

# Checkout​Branding​Spacing​Keyword

enum

The spacing between UI elements.

## Valid values

* BASE

  The Base spacing.

* LARGE

  The Large spacing.

* LARGE\_​100

  The Large 100 spacing.

* LARGE\_​200

  The Large 200 spacing.

* LARGE\_​300

  The Large 300 spacing.

* LARGE\_​400

  The Large 400 spacing.

* LARGE\_​500

  The Large 500 spacing.

* NONE

  The None spacing.

* SMALL

  The Small spacing.

* SMALL\_​100

  The Small 100 spacing.

* SMALL\_​200

  The Small 200 spacing.

* SMALL\_​300

  The Small 300 spacing.

* SMALL\_​400

  The Small 400 spacing.

* SMALL\_​500

  The Small 500 spacing.

***

## Fields

* [Checkout​Branding​Choice​List​Group.​spacing](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingChoiceListGroup#field-spacing)

  OBJECT

  The settings that apply to the 'group' variant of ChoiceList.

* [Checkout​Branding​Choice​List​Group​Input.​spacing](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingChoiceListGroupInput#field-spacing)

  INPUT OBJECT

  The input fields to update the settings that apply to the 'group' variant of ChoiceList.

* [Checkout​Branding​Footer.​padding](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingFooter#field-padding)

  OBJECT

  A container for the footer section customizations.

* [Checkout​Branding​Footer​Input.​padding](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingFooterInput#field-padding)

  INPUT OBJECT

  The input fields when mutating the checkout footer settings.

* [Checkout​Branding​Header.​padding](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingHeader#field-padding)

  OBJECT

  The header customizations.

* [Checkout​Branding​Header​Input.​padding](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingHeaderInput#field-padding)

  INPUT OBJECT

  The input fields used to update the header customizations.

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

  OBJECT

  The main sections customizations.

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

  INPUT OBJECT

  The input fields used to update the main sections customizations.

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

  OBJECT

  The order summary sections customizations.

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

  INPUT OBJECT

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

***

## Map

### Fields with this enum

* <-|[Checkout​Branding​Choice​List​Group.spacing](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingChoiceListGroup#field-spacing)
* <-|[Checkout​Branding​Footer.padding](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingFooter#field-padding)
* <-|[Checkout​Branding​Header.padding](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingHeader#field-padding)
* <-|[Checkout​Branding​Main​Section.padding](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingMainSection#field-padding)
* <-|[Checkout​Branding​Order​Summary​Section.padding](https://shopify.dev/docs/api/admin-graphql/2024-10/objects/CheckoutBrandingOrderSummarySection#field-padding)

### Inputs with this enum

* [Checkout​Branding​Choice​List​Group​Input.spacing](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingChoiceListGroupInput#field-spacing)
* [Checkout​Branding​Footer​Input.padding](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingFooterInput#field-padding)
* [Checkout​Branding​Header​Input.padding](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingHeaderInput#field-padding)
* [Checkout​Branding​Main​Section​Input.padding](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingMainSectionInput#field-padding)
* [Checkout​Branding​Order​Summary​Section​Input.padding](https://shopify.dev/docs/api/admin-graphql/2024-10/input-objects/CheckoutBrandingOrderSummarySectionInput#field-padding)