Spacing
Компонент для создания вертикальных отступов между элементами интерфейса.
Основное использование
Загружается...
Размеры отступа
Задаются свойством size.
Принимает значения дизайн-системы (например, "s", "m", "l"), числовые значения и CSS-переменные.
<Spacing size="xs" /> // 4px
<Spacing size={32} /> // 32px
<Spacing size="var(--custom-spacing)" /> // Кастомная CSS-переменнаяОсобенности
- Не принимает контент (свойство
childrenустарело). - Для горизонтальных разделителей используйте
Separator. - Работает как прозрачный блок заданной высоты.
Свойства и методы
| Свойство | Описание |
|---|---|
getRootRef | Ref<HTMLDivElement>По умолчанию: - |
size | SpacingSizePropВысота спэйсинга. Принимает значения дизайн-системы, числовые значения и css-переменные. По умолчанию: m |