React Stack Layout

  • Ensure hassle-free vertical or horizontal organization of the different elements in your React app.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
StackLayout Header
  • Organize Content in Horizontal or Vertical Lists

    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

  • Appearance

    The 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

Next Steps