HorizontalSpacer

A HorizontalSpacer example

Divides horizonal space in three areas: left, right and center.

Content on the left and right is aligned left and right, respectively.

Content in the center is centered.

Useful to create top bars, for example in the TopBar of Layout Shells

Developer docs

Slots

Name Default Props Fallback
center No
left No
right No

ColumnShell

A ColumnShell example

Divides horizonal space in 2 or 3 columns, equally sized. Content in the columns is left aligned by default.

Useful to display a row of individually loaded DataTiles

Developer docs

Slots

Name Default Props Fallback
center No
left No
right No