Skip to main content

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';
SampleToken NameValueDescription
Spacings.Size00-
Spacings.Size22px-
Spacings.Size44px-
Spacings.Size66px-
Spacings.Size88px-
Spacings.Size1212px-
Spacings.Size1616px-
Spacings.Size2020px-
Spacings.Size2424px-
Spacings.Size2828px-
Spacings.Size3232px-
Spacings.Size3636px-
Spacings.Size4040px-
Spacings.Size4848px-
Spacings.Size5656px-
Spacings.Size6464px-
Still have questions?
Find answers in the Dynatrace Community