Как уменьшить вертикальное пространство между элементами Ant Design?

Для уменьшения вертикального пространства между элементами Ant Design можно использовать компонент Space. ant.design additionalsheet.com

С его помощью можно настроить расстояние между встроенными элементами. ant.design Для этого нужно указать следующие параметры: additionalsheet.com

• size — размер пространства. additionalsheet.com Может быть числом (в пикселях) или предопределённым значением (например, «small» или «large»). additionalsheet.com
• direction — направление пространства. additionalsheet.com Может быть «горизонтальным» или «вертикальным». additionalsheet.com

Пример использования: additionalsheet.com

1. Импортировать компонент Space из Ant Design: import { Space } from 'antd';. additionalsheet.com
2. Добавить компоненты пользовательского интерфейса внутри компонента Space. additionalsheet.com
3. Отрегулировать расстояние между элементами с помощью параметров size и direction. additionalsheet.com

Например, <Space size=”middle”> <Button>Button 1</Button> <Button>Button 2</Button> <Button>Button 3</Button> </Space> создаст пространство среднего размера между каждой из кнопок. additionalsheet.com