Components
    • Barcodes
    • Buttons
    • Charts
    • Conversational UIupdated
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editorupdated
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBoxnew
    • ListView
    • Mapbeta
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PivotGridbeta
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    Styling & Themes
    Common Features
    Project Setup

Kendo UI for Angular StackLayout Overview

The Kendo UI for Angular StackLayout allows you to easily align vertically or horizontally multiple elements in a stack.

The StackLayout Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the StackLayout in action and also showcases other Kendo UI for Angular components such as the ButtonGroup, Avatar and Card components.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Orientation—The StackLayout enables you to arrange its content horizontally or vertically.
  • Gap—The gap property allows you to set gaps between the inner elements of the StackLayout.
  • Alignment—You can control the alignment of the items in the StackLayout based on the X and Y axes.
  • Nested StackLayouts—Nesting StackLayouts is supported to build more complex layouts.
  • Globalization—All Kendo UI for Angular Layout components provide globalization options.

In this article

Not finding the help you need?