XY Grid

Namespace

using Blazor_Foundation_6.Components.General;

Attributes

GridContainer

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.
FluidTrue/False. Full width of the available space and keep padding (True). (See More)
FullTrue/False. Full width of the available space and remove grid container padding (True). (See More)

GridY/GridX

Note: GridX has Horizontal Content Direction and GridY has vertical direction.

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.
MarginTrue/False. Add Margin to the Grid (True).
PaddingTrue/False. Add Padding to the Grid (True).

Cell

NameDescription
IdDefault html id=”” attribute.
ClassExtra/Custom Classes appended to the default class.
Sizesmall-4, auto, shrink, large-auto, small-up-2, medium-up-4, large-up-6 and more…. (See More)

Examples

To see visual example, visit Foundation or Download and Run Blazor_Foundation_Test in Visual Studio.

<GridContainer Fluid="true">
    <GridY Padding="true">
        <Cell></Cell>
    </GridY>
</GridContainer>