ColumnPanel

This live example uses PanelManager and panel containers directly, without deck.gl.

ColumnPanel wraps multiple child panels into one vertically stacked panel.

Usage

Use ColumnPanel when several small panels should read like one grouped card or sidebar section.

import {ColumnPanel, type ColumnPanelProps} from '@deck.gl-community/panels';

Props

type ColumnPanelProps = {
  panels: Record<string, Panel>;
  id?: string;
  title?: string;
  theme?: 'inherit' | 'light' | 'dark' | 'invert';
};

See Also

• Using Panels

Remarks

• Preserves all child panels in order and keeps them visible at the same time.
• Produces one composite panel for boxes, sidebars, modals, full-screen containers, or nested layouts.