Arrow_down_24.svgchevron-right-s-16icon-bars1-72icon-bars10-72icon-bars11-72icon-bars12-72icon-bars13-72icon-bars2-72icon-bars3-72icon-bars4-72icon-bars5-72icon-bars6-72icon-bars7-72icon-bars8-72icon-bars9-72storybook-16-solid

Определение

Spacing – это система интервалов основанная на простых математических принципах, предназначенная для добавления вертикальных отступов между элементами, что приводит к более единообразному использованию пространства во всем продукте.

Варианты

Название
Токен
Размер
Пример
2xs
space-2xs
2px
xs
space-xs
4px
s
space-s
8px
m
space-m
12px
l
space-l
16px
xl
space-xl
24px
2xl
space-2xl
32px
3xl
space-3xl
40px
4xl
space-4xl
48px

Основные правила

Каждая часть пользовательского интерфейса должна быть преднамеренной, включая пустое пространство между элементами. Количество пространства между элементами создает отношения и иерархию.
Используйте шкалу интервалов при создании отдельных компонентов.