TabbedPanel

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

• Using Panels

Remarks

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