New to Kendo UI for Angular? Start a free 30-day trial

StackLayoutComponent

Component

Represents the Kendo UI StackLayout component for Angular. Arranges child components in a single row or column with customizable alignment and spacing (see overview).

Definition

Package:@progress/kendo-angular-layout

Selector:kendo-stacklayout

Export Name:Accessible in templates as #kendoStackLayoutInstance="kendoStackLayout"

Syntax:

html

<kendo-stacklayout orientation="horizontal" [gap]="16">
  <button class="k-button">Button 1</button>
  <button class="k-button">Button 2</button>
  <button class="k-button">Button 3</button>
</kendo-stacklayout>

Inputs

align

AlignSettings

Specifies the horizontal and vertical alignment of the inner StackLayout elements (see example).

gap

string | number

Specifies the gap between the inner StackLayout elements (see example).

Default:

orientation

Orientation

Specifies the orientation of the StackLayout (see example).

Default:

'horizontal'