# Spacing Tokens Spacing tokens are used to provide consistent spacing between components and content throughout your app. | Token | Value | Example | | ------------------------- | -------------- | ------------------------------------------------------------------------------------------------------------------- | | `--sl-spacing-xxx-small` | 0.125rem (2px) |

| | `--sl-spacing-xx-small` | 0.25rem (4px) |

| | `--sl-spacing-x-small` | 0.5rem (8px) |

| | `--sl-spacing-small` | 0.75rem (12px) |

| | `--sl-spacing-medium` | 1rem (16px) |

| | `--sl-spacing-large` | 1.25rem (20px) |

| | `--sl-spacing-x-large` | 1.75rem (28px) |

| | `--sl-spacing-xx-large` | 2.25rem (36px) |

| | `--sl-spacing-xxx-large` | 3rem (48px) |

| | `--sl-spacing-xxxx-large` | 4.5rem (72px) |