• Animation
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Grid
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • Sortable
    • Tooltip
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup

KendoReact StackLayout Overview

The KendoReact StackLayout component allows you to easily align vertically or horizontally multiple elements in a stack.

It delivers different orientations, alignments, spacings and other handy options.

The StackLayout Component is part of KendoReact, a professional UI components library designed and built from the ground up for React to make developers more productive. To try it out, sign up for a free 30-day trial.

React StackLayout Demo Preview

The following example demonstrates the StackLayout component in action and also showcases other KendoReact componentsthe ButtonGroup, Avatars and Cards components. The components are arranged in a stack and can be switched from horizontal to vertical orientation.

View Source
Edit In Stackblitz  
Change Theme:

Functionality and Features