StackLayout

Stacks every mount in the surface, one after another.

import { BUILTIN_LAYOUTS } from '@textui/core';

const stack = BUILTIN_LAYOUTS.find((layout) => layout.name === 'stack');

Props

| Prop | Type | Default | | | — | — | — | — | | surface | SurfaceName | required | | | mounts | Mount[] | required | | | state | SurfaceState | required | |

Plus everything on BoxProps.

All mounts visible, in order, down the surface. What a sidebar of collapsible sections wants, and what a surface holding a single mount degrades to harmlessly.

See also

• SplitLayout - two mounts with a divide
• RailLayout - icons rather than panels