Grid
Free12-column grid. Span sets the width of an item on every screen, and Sm, Md, Lg, Xl and Xxl change it from that breakpoint up (the same breakpoints as the Breakpoints page). Without Span an item takes the full row.
Example
Parameters
Grid
| Parameter | Type | Description |
|---|---|---|
ChildContent | RenderFragment | Content rendered inside the component. |
Class | string | Extra CSS classes added to the root element. |
Columns | int | Column definitions: DataGridColumn elements. |
Spacing | int | Gap in multiples of 0.25rem. |
Style | string | Inline style added to the root element. |
GridItem
| Parameter | Type | Description |
|---|---|---|
ChildContent | RenderFragment | Content rendered inside the component. |
Class | string | Extra CSS classes added to the root element. |
Lg | int? | Columns spanned from the lg breakpoint (992px) up. |
Md | int? | Columns spanned from the md breakpoint (768px) up. |
Sm | int? | Columns spanned from the sm breakpoint (576px) up. |
Span | int? | Columns the item spans on every screen size. Without it the item takes the full row. |
Style | string | Inline style added to the root element. |
Xl | int? | Columns spanned from the xl breakpoint (1200px) up. |
Xxl | int? | Columns spanned from the xxl breakpoint (1400px) up. |
Package
Grid is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Related controls
Send feedbackVersion 1.0.3