Skip to main content

Space

Aliases

Component

Padding

Token name
Value
$space-component-padding-nullComponent/Padding/Null
$dimension-0
$space-component-padding-xSmallComponent/Padding/xSmall
$dimension-50
$space-component-padding-smallComponent/Padding/Small
$dimension-100
$space-component-padding-mediumComponent/Padding/Medium
$dimension-150
$space-component-padding-largeComponent/Padding/Large
$dimension-200
$space-component-padding-2xLargeComponent/Padding/2xLarge
$dimension-300
$space-component-padding-3xLargeComponent/Padding/3xLarge
$dimension-400
$space-component-padding-4xLargeComponent/Padding/4xLarge
$dimension-500
$space-component-padding-6xLargeComponent/Padding/6xLarge
$dimension-800
$space-component-padding-2xSmallComponent/Padding/2xSmall
$dimension-25
$space-component-padding-xLargeComponent/Padding/xLarge
$dimension-250
$space-component-padding-5xLargeComponent/Padding/5xLarge
$dimension-550

Gap

Token name
Value
$space-component-gap-2xSmallComponent/Gap/2xSmall
$dimension-25
$space-component-gap-xSmallComponent/Gap/xSmall
$dimension-50
$space-component-gap-smallComponent/Gap/Small
$dimension-100
$space-component-gap-largeComponent/Gap/Large
$dimension-200
$space-component-gap-2xLargeComponent/Gap/2xLarge
$dimension-400
$space-component-gap-mediumComponent/Gap/Medium
$dimension-150
$space-component-gap-nullComponent/Gap/Null
$dimension-0
$space-component-gap-xLargeComponent/Gap/xLarge
$dimension-300
$space-component-gap-3xLargeComponent/Gap/3xLarge
$dimension-550