Skip to content

ctx.registerSidePanel

Add a panel to the left or right side column (like the file explorer or git panel).

ts
ctx.registerSidePanel(panel: SidePanel): Disposable

Example

tsx
ctx.registerSidePanel({
  id: "acme.outline",
  location: "left",
  title: "Outline",
  component: OutlinePanel, // receives SidePanelProps (active, storage, hydrated)
  lazyMount: true,
});

Types

Pass SidePanel.

Related: SidePanelProps · ExtensionStorage.

See also

Other Registration members on ctx.