React Stack Layout

Overview 

The React Stack Layout component takes the hassle out of aligning multiple elements within your React applications. You can take any set of HTML elements and even React components, such as cards, charts or buttons, and easily apply vertical or horizontal orientation to all, align them and add the required spacing. You can do all this and more with the KendoReact StackLayout by quickly changing a few properties. 

See the React StackLayout demo 

React Stack Layout Component

Appearance 

Тhe KendoReact StackLayout component enables you to easily configure the layout of elements on the page. You can set horizontal or vertical orientation, apply gaps, stack and adjust the alignment of inner elements and even nest several StackLayout components to create more complex layouts. 

See the React StackLayout Appearance demo

React StackLayout Component Layout

All KendoReact Components

Animation
Conversational UI
Data Grid
Data Query
Data Tools
Date Math
Editor
Excel Export
File Saver
Gantt Chart
ListBox
ListView
Notification
PDF Processing
PivotGrid
Popup
Ripple
Scheduler
Sortable
TreeList
TreeView

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.