> ## Documentation Index
> Fetch the complete documentation index at: https://primer.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# SpacingTokens

> Spacing tokens for padding and margin values across components

<Warning>
  Primer Checkout Android SDK is currently in **beta** (v3.0.0-beta).
  The API is subject to change before the stable release.
</Warning>

## Definition

```kotlin theme={"dark"}
data class SpacingTokens(
    val xxsmall: Dp = 2.dp,
    val xsmall: Dp = 4.dp,
    val small: Dp = 8.dp,
    val medium: Dp = 12.dp,
    val large: Dp = 16.dp,
    val xlarge: Dp = 20.dp,
    val base: Dp = 4.dp,
)
```

## Properties

| Token     | Preview                                                  | Default | Usage                         |
| --------- | -------------------------------------------------------- | ------- | ----------------------------- |
| `xxsmall` | <span className="token-space" style={{width: "2px"}} />  | 2.dp    | Icon padding, minimal gaps    |
| `xsmall`  | <span className="token-space" style={{width: "4px"}} />  | 4.dp    | Chip padding, tight spacing   |
| `small`   | <span className="token-space" style={{width: "8px"}} />  | 8.dp    | Between form fields           |
| `medium`  | <span className="token-space" style={{width: "12px"}} /> | 12.dp   | Section internal padding      |
| `large`   | <span className="token-space" style={{width: "16px"}} /> | 16.dp   | Container padding, major gaps |
| `xlarge`  | <span className="token-space" style={{width: "20px"}} /> | 20.dp   | Between major sections        |
| `base`    | <span className="token-space" style={{width: "4px"}} />  | 4.dp    | Base unit for calculations    |

Access via `LocalPrimerTheme.current.spacingTokens` inside the checkout composable tree.