ToolbarContentDefinition

Since v1.0.0

Toolbar content definition for the shell header toolbar area. Register via the shell plugin’s registerToolbarContent() or use light DOM <tbw-grid-tool-buttons>.

Example

grid.getPluginByName('shell')?.registerToolbarContent({
  id: 'my-toolbar',
  order: 10,
  render: (container) => {
    const btn = document.createElement('button');
    btn.textContent = 'Refresh';
    btn.onclick = () => console.log('clicked');
    container.appendChild(btn);
    return () => btn.remove();
  },
});

Properties

Property	Type	Description
id	string	Unique content ID
render	(container: HTMLElement) => void | () => void	Content factory - called once when shell header renders
onDestroy?	() => void	Called when content is removed (for cleanup)
order?	number	Order priority (lower = first, default: 100)