WorkbenchShell

Rail, sidebar, main, panel, aside and status - the IDE arrangement.

import { createApp, registerBuiltins } from '@textui/core';
import { createNodeTerminal } from '@textui/terminal';

const app = createApp({
  terminal: createNodeTerminal(),
  shell: 'workbench',
  onBoot: registerBuiltins,
});

Props

No props of its own.

The largest of the four, and the one worth starting from for an application with more than one thing on screen at once.

Every region is a surface, so which of them are visible is store state: a sidebar can be collapsed, a panel toggled, an aside opened, all by writing a path rather than by re-rendering a tree.

See also

• SurfaceArea - placing surfaces without a shell
• RailLayout - what the rail surface usually uses
• Surfaces, shells and resources