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

StackLayoutComponent

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

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>

Selector

kendo-stacklayout

Export Name

Accessible in templates as #kendoStackLayoutInstance="kendoStackLayout"

Inputs

Name	Type	Default	Description
align	`AlignSettings`		Specifies the horizontal and vertical alignment of the inner StackLayout elements (see example).
gap	`string \| number`	`0`	Specifies the gap between the inner StackLayout elements (see example).
orientation	`Orientation`	`'horizontal'`	Specifies the orientation of the StackLayout (see example).