Line

You are reading docs for v0.8. See latest (v0.9)

ui/client/features/shell/components/ShellLayout

Cockpit client (features), v0.8. Source: ui/client/features/shell/components/ShellLayout.tsx.

Functions#

ShellLayout()#

ShellLayout(__namedParameters): Element

Defined in: ui/client/features/shell/components/ShellLayout.tsx:15

The 3-pane frame: top bar, Browser (left) | stage (middle) | Tools (right), an optional bottom drawer and a status bar. Every region is a slot; panes are resizable (drag or arrow keys) and collapsible. Presentation only: sizes and limits come in as props.

focus is the shell standing down: the rail, top bar, drawer and status bar are not rendered and the side panes are hidden, so the stage owns the viewport. The panes stay mounted behind hidden — a screen must not lose what is in its Tools tabs just because the app was looked at full screen.

Props#

Prop Type Required Default Description
narrow unknown No false
narrowPane unknown No 'mid'
focus unknown No false

Returns#

Element