stack-layout.md

title	StackLayout
parent	Surfaces, shells and resources
grand_parent	Components

StackLayout

{: .no_toc }

Stacks every mount in the surface, one after another.

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

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