New to Telerik UI for Blazor? Start a free 30-day trial

TelerikStackLayout

Class

A component that arranges child content in a horizontal or vertical stack with configurable spacing and alignment. Control item spacing via Spacing, container dimensions with Width and Height, orientation through StackLayoutOrientation (Horizontal/Vertical), and alignment using HorizontalAlign and VerticalAlign. Provide content with ChildContent.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

public class TelerikStackLayout : BaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikStackLayout

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Constructors

TelerikStackLayout()

public TelerikStackLayout()

Methods

BuildRenderTree(RenderTreeBuilder)

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

Properties

ChildContent

RenderFragment

Defines the content of the StackLayout.

[Parameter]
public RenderFragment ChildContent { get; set; }

Height

string

Defines the height of the stack container as a CSS value.

[Parameter]
public string Height { get; set; }

HorizontalAlign

StackLayoutHorizontalAlign

Defines the horizontal alignment of the items in the stack. The default value is Stretch. The possible options are Left, Right, Center and Stretch.

[Parameter]
public StackLayoutHorizontalAlign HorizontalAlign { get; set; }

Orientation

StackLayoutOrientation

Defines the orientation of the items in the stack. Default value is Horizontal.

[Parameter]
public StackLayoutOrientation Orientation { get; set; }

Spacing

string

Defines the spacing between items in the stack. Accepts css unit value (ex: 10px).

[Parameter]
public string Spacing { get; set; }

VerticalAlign

StackLayoutVerticalAlign

Defines the vertical alignment of the items in the stack. The default value is Stretch. The possible vertical align options are Top, Bottom, Center and Stretch.

[Parameter]
public StackLayoutVerticalAlign VerticalAlign { get; set; }

Width

string

Defines the width of the stack container as a CSS value.

[Parameter]
public string Width { get; set; }