Skip to main content

Spacing

Spacing values for use on Android, iOS and web.

Table of Contents

Android

NameValue
spacing-none0dp
spacing-sm4dp
spacing-md8dp
spacing-base16dp
spacing-lg24dp
spacing-xl32dp
spacing-icon-text8dp
spacing-xxl40dp

iOS

NameValue
spacing-none0pt
spacing-sm4pt
spacing-md8pt
spacing-base16pt
spacing-lg24pt
spacing-xl32pt
spacing-icon-text8pt
spacing-xxl40pt

Web

NameEngineering TokenValue
spacing-nonebpk-spacing-none()0
spacing-smbpk-spacing-sm().25rem (4px)
spacing-mdbpk-spacing-md().5rem (8px)
spacing-basebpk-spacing-base()1rem (16px)
spacing-lgbpk-spacing-lg()1.5rem (24px)
spacing-xlbpk-spacing-xl()2rem (32px)
spacing-xxlbpk-spacing-xxl()2.5rem (40px)