New to KendoReact? Start a free 30-day trial

StackLayout

Component

Represents the KendoReact StackLayout component. Arranges its inner elements horizontally, or vertically in a stack. Nesting stack layouts is supported to build more complex layouts.

A Functional Component.

Definition

Package:@progress/kendo-react-layout

Syntax:

jsx


const App = () => {
  return (
    <StackLayout
      orientation="vertical"
      align={{horizontal: 'stretch', vertical: 'stretch'}}
      gap={10}
    >
      <div>Box</div>
      <div>Box</div>
      <div>Box</div>
      <div>Box</div>
    </StackLayout>
  );
};

Properties

props

StackLayoutProps intersected with RefAttributes<null | StackLayoutHandle>

The props of the StackLayout component.