TelerikGridLayout
A component that lets you arrange content in a CSS Grid with rows, columns, gaps, and alignment.
Supports defining rows/columns via GridLayoutRow/GridLayoutColumn, placing items with GridLayoutItem, configurable Width, RowSpacing/ColumnSpacing, and item alignment through HorizontalAlign/VerticalAlign.
Children: GridLayoutItems, GridLayoutRows, GridLayoutColumns.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class TelerikGridLayout : BaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposableInheritance: objectComponentBaseBaseComponentTelerikGridLayout
Implements:
Inherited Members
Constructors
public TelerikGridLayout()Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
Properties
Defines the spacing between columns of the container.
[Parameter]
public string ColumnSpacing { get; set; }Defines the grid layout column definitions. Children: GridLayoutColumn.
[Parameter]
public RenderFragment GridLayoutColumns { get; set; }Defines the grid layout items. Children: GridLayoutItem.
[Parameter]
public RenderFragment GridLayoutItems { get; set; }Defines the grid layout row definitions. Children: GridLayoutRow.
[Parameter]
public RenderFragment GridLayoutRows { get; set; }Defines the horizontal align of the items in the grid column. Default value is Stretch.
[Parameter]
public GridLayoutHorizontalAlign HorizontalAlign { get; set; }Defines the spacing between rows of the container.
[Parameter]
public string RowSpacing { get; set; }Defines the vertical align of the items in the grid column. Default value is Stretch.
[Parameter]
public GridLayoutVerticalAlign VerticalAlign { get; set; }