> ## 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.

# Shape Tokens

> Radius, border width, and size tokens for component shapes and dimensions

> [!WARNING]
>
> Primer Checkout Android SDK is currently in **beta** (v3.0.0-beta).
> The API is subject to change before the stable release.

## RadiusTokens

```kotlin theme={"dark"}
data class RadiusTokens(
    val xsmall: Dp = 2.dp,
    val small: Dp = 4.dp,
    val medium: Dp = 8.dp,
    val large: Dp = 12.dp,
)
```

| Token | Preview | Default | Usage |
| - | - | - | - |
| `xsmall` | | 2.dp | Subtle rounding |
| `small` | | 4.dp | Chips, tags |
| `medium` | | 8.dp | Input fields, cards |
| `large` | | 12.dp | Bottom sheet corners |

## WidthTokens

```kotlin theme={"dark"}
data class WidthTokens(
    val default: Dp = 1.dp,
    val focus: Dp = 2.dp,
    val selected: Dp = 2.dp,
    val error: Dp = 2.dp,
)
```

| Token | Preview | Default | Usage |
| - | - | - | - |
| `default` | | 1.dp | Input borders at rest |
| `focus` | | 2.dp | Focused input borders |
| `selected` | | 2.dp | Selected item borders |
| `error` | | 2.dp | Input borders in the error state |

## SizeTokens

```kotlin theme={"dark"}
data class SizeTokens(
    val small: Dp = 16.dp,
    val medium: Dp = 20.dp,
    val large: Dp = 24.dp,
    val xlarge: Dp = 32.dp,
    val xxlarge: Dp = 40.dp,
    val xxxlarge: Dp = 56.dp,
)
```

| Token | Preview | Default | Usage |
| - | - | - | - |
| `small` | | 16.dp | Small icons |
| `medium` | | 20.dp | Default icons |
| `large` | | 24.dp | Large icons |
| `xlarge` | | 32.dp | Payment method icons |
| `xxlarge` | | 40.dp | Touch targets |
| `xxxlarge` | | 56.dp | Large touch targets |

Access all shape tokens via `LocalPrimerTheme.current` inside the checkout composable tree.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.