Skip to main content

ColumnPanel

from v9.3

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​

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.