BlazorUI Demo

Stack

Arranges content vertically or horizontally with explicit gap, alignment, justification and wrapping.

Direction and alignment

FirstSecond

View code

<BuiStack Gap="3">
    <BuiBadge>First</BuiBadge><BuiBadge>Second</BuiBadge>
</BuiStack>
<BuiStack Orientation="Orientation.Horizontal" Align="Align.Center" Justify="Justify.Between" Wrap Gap="2">
    <BuiButton Size="Size.Small">Left</BuiButton><BuiButton Size="Size.Large">Right</BuiButton>
</BuiStack>