Type Alias SidebarUI

SidebarUI: Record<string, SlotConfigurationCallback<{ id: string }>>

Use this to add custom sidebars.

Example

Adding a custom sidebar myCustomSidebar:

NutrientViewer.load({
  // ... Your configuration.
  ui: {
    sidebar: {
      myCustomSidebar: (instance, id) => ({
        render: (params) => {
          const div = document.createElement("div");
          div.innerText = "This is my custom sidebar!";
          div.style.padding = "10px";
          div.style.color = "#ccc";
          return div;
        },
      }),
    },
  },
});

See