RUI.next

Navigation-Layout
WhiteSpace

WhiteSpace

WhiteSpace is one kind of Layout controls.

<WhiteSpace size="md" />
<WhiteSpace vertical={false} size="lg">...</WhiteSpace>
<WhiteSpace size="md" />
<WhiteSpace vertical={false} size="lg">...</WhiteSpace>

Example

Basic usage of WhiteSpace component.

WhiteSpace vertical
Block
Block
Block
Block
Block

WhiteSpace horizontal
Block

Block

Block

API

WhiteSpace vertical

PropertiesDescriptionTypeDefault
sizeup and down margins, optional value: xs,sm,md,lg,xlstringmd
verticalwhether vertical or hozirontalbooleantrue

WhiteSpace horizontal

PropertiesDescriptionTypeDefault
sizeleft and right blank space, optional value: sm,md,lgstringlg
verticalwhether vertical or hozirontalbooleanfalse