bar-layout.md

title	BarLayout
parent	Surfaces, shells and resources
grand_parent	Components

BarLayout

{: .no_toc }

Mounts along a single row.

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

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

Props

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

Plus everything on BoxProps.

One row, mounts laid left to right, ordered by each mount's order. What the header and status surfaces use.

A mount that does not fit is dropped rather than wrapped, because a status bar that becomes two rows moves everything above it.

See also

• StatusBar - the component for one such row
• RailLayout - the vertical equivalent