Skip to main content

Spacings

Spacings Interface​

Description​

The Spacings object defines a standardized set of spacing values, enabling consistent margin, padding, and layout spacing throughout the framework.

KeyDescriptionPixel Value
XSExtra small spacing.4px
SMSmall spacing.8px
MDMedium spacing.16px
LGLarge spacing.32px
XLExtra large spacing.64px
XXLExtra extra large spacing.128px

Type Definition​

export type SpacingsType = {
  XS: number;
  SM: number;
  MD: number;
  LG: number;
  XL: number;
  XXL: number;
};

Object Definition​

export const Spacings: SpacingsType = {
  XS: 4,
  SM: 8,
  MD: 16,
  LG: 32,
  XL: 64,
  XXL: 128,
};