StackLayout

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.

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>
  );
};
   ReactDOM.render(<App />, document.querySelector('my-app'));

Name	Type	Default	Description
props	StackLayoutProps intersected with RefAttributes<undefined>		The props of the StackLayout component.