Silo

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,
});

If your panel would be another way to navigate the app, register a Navigator view instead — two navigators side by side leave the user with no rule for which one to trust.

Types ​

Pass SidePanel.

Related: SidePanelProps · ExtensionStorage.

See also ​

Other Registration members on ctx.