Getting Started
    Components
    • Barcodes
    • Buttons
    • Charts
    • Conversational UI
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filterupdated
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Mapbeta
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PivotGridupdated
    • Popup
    • ProgressBarsupdated
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • ToolBar
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Typography
    • Uploads
    • Utilitiesnew
    Styling & Themes
    Common Features
    Project Setup
    Troubleshooting

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
Change Theme:

Key Features

  • OrientationThe StackLayout enables you to arrange its content horizontally or vertically.
  • GapThe gap property allows you to set gaps between the inner elements of the StackLayout.
  • AlignmentYou can control the alignment of the items in the StackLayout based on the X and Y axes.
  • Nested StackLayoutsNesting StackLayouts is supported to build more complex layouts.
  • GlobalizationAll Kendo UI for Angular Layout components provide globalization options.

In this article

Not finding the help you need?