Skip to main content
Primer Checkout Android SDK is currently in beta (v3.0.0-beta). The API is subject to change before the stable release.

RadiusTokens

data class RadiusTokens(
    val xsmall: Dp = 2.dp,
    val small: Dp = 4.dp,
    val medium: Dp = 8.dp,
    val large: Dp = 12.dp,
    val base: Dp = 4.dp,
)
TokenPreviewDefaultUsage
xsmall2.dpSubtle rounding
small4.dpChips, tags
medium8.dpInput fields, cards
large12.dpBottom sheet corners
base4.dpBase unit

BorderWidthTokens

data class BorderWidthTokens(
    val thin: Dp = 1.dp,
    val medium: Dp = 2.dp,
    val thick: Dp = 3.dp,
)
TokenPreviewDefaultUsage
thin1.dpInput borders, dividers
medium2.dpFocus rings, selected borders
thick3.dpHeavy emphasis borders

SizeTokens

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 = 44.dp,
    val xxxlarge: Dp = 56.dp,
    val base: Dp = 4.dp,
)
TokenPreviewDefaultUsage
small16.dpSmall icons
medium20.dpDefault icons
large24.dpLarge icons
xlarge32.dpPayment method icons
xxlarge44.dpTouch targets
xxxlarge56.dpLarge touch targets
base4.dpBase unit
Access all shape tokens via LocalPrimerTheme.current inside the checkout composable tree.