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 |