BarLayout

Mounts along a single row.

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

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