Space is a wrap of item boxes.
<Space>
<PlaceHolder />
<PlaceHolder />
</Space><Space>
<PlaceHolder />
<PlaceHolder />
</Space>
Basic usage of Space component.
| Properties | Description | Type | Default |
|---|---|---|---|
| align | Align the items on the cross axis. | 'start' | 'center' | 'end' | 'baseline' | - |
| block | Should render as block element. | boolean | false |
| vertical | Whether the direction mode is vertical. | boolean | false |
| justify | Align the items on the main axis. | 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch' | - |
| onClick | The click event of the Space. | (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void | - |
| wrap | Should line break automatically, work only with horizontal. | boolean | false |