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 |