BlazorUI Demo

Container

Constrains page content to a readable responsive width and optionally supplies horizontal gutters.

Widths
Small container
Large container
Full width without gutters
View code 
<BuiStack Gap="3">
    <BuiContainer Width="ContainerWidth.Small"><BuiSurface>Small container</BuiSurface></BuiContainer>
    <BuiContainer Width="ContainerWidth.Large"><BuiSurface>Large container</BuiSurface></BuiContainer>
    <BuiContainer Width="ContainerWidth.Full" Gutters="false"><BuiSurface>Full width without gutters</BuiSurface></BuiContainer>
</BuiStack>