SplitLayout

Two mounts, side by side, with a divider.

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

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

Props

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

Plus everything on BoxProps.

The surface-level Splitter. Where the divide sits is surface state rather than a prop, so it survives the mounts changing and can be moved by a command.

More than two mounts and the extras are stacked into the second pane.

See also

• Splitter - the plain component
• StackLayout - no divide