Spacings
Spacings define the distances between elements. Use to style gaps, paddings, and margins. The scale follows a non-linear progression that starts with an increase of 2px, grows to 4px, and finally 8px.
import Spacings from '@dynatrace/strato-design-tokens/spacings';
| Sample | Token Name | Value | Description |
|---|---|---|---|
| Spacings.Size0 | 0 | - | |
| Spacings.Size2 | 2px | - | |
| Spacings.Size4 | 4px | - | |
| Spacings.Size6 | 6px | - | |
| Spacings.Size8 | 8px | - | |
| Spacings.Size12 | 12px | - | |
| Spacings.Size16 | 16px | - | |
| Spacings.Size20 | 20px | - | |
| Spacings.Size24 | 24px | - | |
| Spacings.Size28 | 28px | - | |
| Spacings.Size32 | 32px | - | |
| Spacings.Size36 | 36px | - | |
| Spacings.Size40 | 40px | - | |
| Spacings.Size48 | 48px | - | |
| Spacings.Size56 | 56px | - | |
| Spacings.Size64 | 64px | - |
Still have questions?
Find answers in the Dynatrace Community