Skip to main content

TabbedPanel

from v9.3

TabbedPanel wraps multiple child panels into one tabbed parent panel.

Usage​

Use TabbedPanel when several panels share the same footprint and only one should be visible at a time.

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

Props​

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

See Also​

Remarks​

  • Produces one composite panel whose body is a tabbed switcher of child panels.
  • Supports wrapped or horizontally scrolling tab lists.