Space

Space is a wrap of item boxes.

<Space>
  <PlaceHolder />
  <PlaceHolder />
</Space>

Example

Basic usage of Space component.

API

PropertiesDescriptionTypeDefault
alignAlign the items on the cross axis.'start' | 'center' | 'end' | 'baseline'-
blockShould render as block element.booleanfalse
verticalWhether the direction mode is vertical.booleanfalse
justifyAlign the items on the main axis.'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch'-
onClickThe click event of the Space.(event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void-
wrapShould line break automatically, work only with horizontal.booleanfalse
ON THIS PAGE